現在有這樣一個需求,當我們每次改變下拉框的值時,將選中的值通過Ajax方式傳到後臺進行處理:
<select id="order_id" onchange=reload()>
......
</select>
<script type="text/javascript">
function reload(){
$.ajax({
url : "/user/designerconvertreview/getCameristConvertList.do",
dataType : "json",
data : {
orderId : $("#order_id").val(),
isConvertId : $("#isConvert_id").val(),
}
});
}
</script>
最好不要使用$(“#xx”).change(function)的方式,原因如下:
$("#xx").change(function)
並不是觸發事件,是綁定事件
代表你每執行一次function(data)就會綁定一次
第一次會執行綁定,所以你再操作的時候,就會執行change事件,然後再執行function(data) 再綁定一次
當你再繼續變更的時候,因爲綁定2次,就會執行change裏的事件兩次