Jquery动态添加元素并给元素增加onchange相应

动态添加元素：

1 $select = $("<select></select>");
2 $("<option></option>").val("value").text("text").appendTo($select);
3 $("<option></option>").val("value").text("text").appendTo($select);
4 $("<option></option>").val("value").text("text").appendTo($select);

给元素添加onchange回调函数：

 1 $select = $("<select></select>");
 2 $("<option></option>").val("value").text("text").appendTo($select);
 3 $("<option></option>").val("value").text("text").appendTo($select);
 4 $("<option></option>").val("value").text("text").appendTo($select);
 5 //网上的方法
 6 //第一种
 7 $select.change(submit());
 8 //第二种
 9 $select.bind("change", submit());
10 //但是不知道是什么原因，我动态添加元素并增加change方法后，
11 //页面在添加元素后调用了两次submit()，之后就也无响应，
12 //emmm...一定是哪里出了问题，但是由于事件原因没有仔细探究，
13 //下面这种方法就没有问题
14 $select.attr('onchange', 'submit()');

机智如我～

转载于:https://www.cnblogs.com/yfzhou/p/9639975.html