为select标签绑定onchange事件

来源：互联网发布：文本数据可视化方法编辑：程序博客网时间：2024/05/19 17:10

现在有这样一个需求，当我们每次改变下拉框的值时，将选中的值通过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里的事件两次

0 0