Question

jquery动态生成的select怎么不能再次触发change如下生成的select切换值时不会打印1.

$(function(){
$(".zd").change(function(){
alert(1);
var v="<option>[请选择]</option>";
var id=$(this).find("option:selected").attr("title");

$.ajax({async:false,
url:"ajax1!allTerByPar?math="+Math.random(),
data:{id:id},
success:function($dta){
if($dta.lis!=null){
var a=$dta.lis;
$(a).each(function(i){
v+="<option title='"+a[i].terid+"' value='"+a[i].terName+"'>"+a[i].terName+"</option>";
});
}
}
});

$(this).attr("name","");
$(this).attr("class","zd1");
var hehe =$("<select name='order.terName' class='zd'>"+v+"</select>");

$(this).parent().append(hehe);
})

})

Answer 1

原因是你只绑定了当前页面 所有的  $(".zd") ，但是动态生成的则没有绑定，解决方法

1）要求jquery版为1.7 ~ 1.9

2）绑定事件用live:

 $(".zd").change(function(){
   
 });
 改为：
 $(".zd").live("change",function(){
   
 });