Computer language/Javascript
JavaScript) Select Box onchange event (+ onload event)
surhommejk
2018. 6. 15. 08:42
$('#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");를 붙여준다