아래와 같이 생긴 select가 있다고 가정하고요.

<select class='aaa-select'> ... </select>

 

이 select가 focus, change 될 때 일어나는 이벤트는 아래와 같은 코드로 처리할 수 있습니다. 

$('.aaa-select').on('focus', function () {
    console.log('focus event');
}).change(function() {
    console.log('change event');
});

 

이런식의 시나리오를 처리할 수 있을 것 같아요. focus 되면 현재 선택되어 있는 값을 저장합니다.

change가 일어나면 어떤 프로세스를 처리하는데 변경에 정상적으로 이루어지면 상관없지만 어떤 이유에서 변경이 이뤄지지 않아야 하면 focus에서 저장된 값을 사용해서 원래대로 돌려버리는 것이죠. 그리고 에러 메세지를 띄우면 되겠죠.

 

아무튼 자주 사용하는데 기록해두고 가져다 쓰려고 저장합니다. 

 

 

+ Recent posts