Select Box change 이벤트

1. change 이벤트

$("#SelectBoxID").change( function() {

   //TODO

});

 

2. bind 를 이용한 이벤트

$("#SelectBoxID").bind( "change", function() {

   //TODO

});

 

3. on 을 이용한 이벤트

$("#SelectBoxID").on( "change", function() {

   //TODO

});

 

* change 이벤트시 이전값 가져오기

var previous; 

$(".status").on('focus', function () { 

   previous = this.value;  
   
}).change(function() { 

   var rowIdx = this.id; 

   var result = confirm("상태를 변경 하시겠습니까?"); 
   
   if(result ){   //확인 클릭 시 
        
   } else{      //취소 클릭 시 
        $("#"+rowIdx).val(previous).prop("selected", true);   //이전값으로 돌리기
   }); 
   
});