<select multiple="multiple" id="myID" name="myName">
<option value="blue">blue</option>
<option value="red">red</option>
<option value="green">green</option>
</select>
$('select')
.change(function(){
alert("Change Event Triggered On:" + $(this).attr("value"));
})
这是可行的。如果单击multiselect中的某个项目,则会触发警报。
但是,当我通过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");
}
})
该脚本的工作原理是更改选定的属性并直观地更新选项列表,但是在该场景中不会触发onchange事件。
为什么呢?