JavaScript) Select Box onchange event (+ onload event)

$('#projectinfo_Task_Situation_Table_selectbar').on('change', function() {

alert(this.value);

$.ajax(

{

type : "post",

url : "getTasksByStepForSituation.htm",

data : "sid="+this.value,

success : function(rdata){

console.log(rdata);

}

}); // end-ajax

});

이렇게 처리하면 Select Box 태그 자체에는 onchange를 걸어줄 필요가 없다

+ a

셀렉트 박스에 onchange 이벤트를 걸어줬다는 것은 변화시에 뭔가가 발생하도록 했다는 것인데 페이지가 로드되자 마자 selected 된 옵션에 대해 이벤트가 작동하길 바랄 수 있다. 즉, 로드되자마자 change 이벤트를 발동시키고 싶다는 의미이다. 이럴 때에는 간단하게 아래와 같이 처리한다.

$('#projectinfo_task_situation_table_selectbar').on('change', function() {

$.ajax(

{

type : "post",

url : "getTasksByStepForSituation.htm",

data : "sid="+this.value,

success : function(rdata){

// 로직을 처리한 뒤

} // end - success

}

);

}).trigger("change"); // <-- .trigger("change");를 붙여준다