jQuery的變化事件未通過其他函數變化選擇屬性

Question

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"); 
     } 
    }) 

該腳本的工作，因爲它改變了選擇的屬性和視覺更新選項列表，但onchange事件在這種情況下不會被觸發。

這是爲什麼？

Answer 1

用這樣的代碼更改元素只是不會觸發事件處理程序。然而，你可以自己動手：

else { 
    $matchingOption.attr('selected', 'selected').trigger('change'); 
}