Jquery .change()函数不使用动态填充的SELECT列表

我有一个选择字段，动态填充一个简单地返回所有HTML选择选项的ajax调用。这里是PHP的一部分，只是echo的select标签，并动态填充每个选项/值。

echo "<select name='player1' class='affector'>";
echo "<option value='' selected>--".sizeof($start)." PLAYERS LOADED--</option>";

foreach ($start as $value) {
    echo "<option value='".$value."'>".$value."</option>";
 }  
  echo "</select>";
}

填充此列表后，我尝试调用更改事件，以便每当在SELECT列表或具有相同类的文本字段中更改默认选项时，它将禁用在表单的另一部分中设置的单选按钮。 (你可以看到最初的问题，我要求得到这部分的功能工作here)

$('.affector').change(function(){
       $(this).parents('tr').find('input:radio').attr('disabled',false);
});

由于某些原因，即使我给选择字段正确的类名(affector)，当我在字段中选择不同的选项，表单的其他部分不禁用。具有相同类的静态文本字段工作正常。我被骗了。

有任何想法吗？

解决方法

只是评论你的最后一个问题…这里是我说的：

使用jQuery bind

function addSelectChange() {
   $('select').bind('change',function() {
       // yada yada
   });
}

在你的ajax成功函数中调用addSelectChange。它应该做的伎俩。还要看看jQuery现场事件(当你想为一个后来的项目或某事中的所有当前和未来的DOM元素设置事件)。不幸的是，变更事件和其他几个还不支持直播。绑定是下一个最好的事情

原文地址：https://www.jb51.cc/jquery/183796.html