HTML
<select multiple="multiple" id="myID" name="myName">
<option value="blue">blue</option>
<option value="red">red</option>
<option value="green">green</option>
</select>
jQuery:
$('select')
.change(function(){
alert("Change Event Triggered On:" + $(this).attr("value"));
})
这样就可以了。如果我单击多选中的某个项目,则会触发警报。
但是,当我通过 jQuery 从选择菜单中“选择”一个元素时,如下所示:
$('#myOtherSelector')
.click(function(){
var $matchingOption = [goes and selects the specific OPTION to toggle]
if ($matchingOption.attr("selected")){
$matchingOption.removeAttr("selected")
}else{
$matchingOption.attr("selected","selected");
}
})
该脚本的工作原理是更改 SELECTED 属性并以可视方式更新选项列表,但在这种情况下不会触发 onchange 事件。
这是为什么?
最佳答案
使用这样的代码更改元素不会触发事件处理程序。不过你可以自己做:
else {
$matchingOption.attr('selected', 'selected').trigger('change');
}
关于选择上的 jQuery 更改事件不会通过其他函数更改所选属性来触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2321408/