爲select標籤綁定onchange事件

現在有這樣一個需求,當我們每次改變下拉框的值時,將選中的值通過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裏的事件兩次

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章