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元素设置事件)。不幸的是,变更事件和其他几个还不支持直播。绑定是下一个最好的事情

http://stackoverflow.com/questions/2031826/jquery-change-function-not-working-with-dynamically-populated-select-list

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:Jquery .change()函数不使用动态填充的SELECT列表