jQuery sự kiện thay đổi trên một số không được kích hoạt thông qua chức năng khác thay đổi thuộc tính chọn

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

đó, như là, hoạt động. Nếu tôi nhấp vào một mục trong đa lựa chọn, cảnh báo sẽ được kích hoạt.

Tuy nhiên, khi tôi chọn 'một yếu tố từ menu chọn qua jQuery như vậy:

$('#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"); 
     } 
    }) 

kịch bản đó làm việc ở chỗ nó làm thay đổi thuộc tính CHỌN và trực quan cập nhật danh sách tùy chọn, tuy nhiên sự kiện onchange không được kích hoạt trong kịch bản đó.

Tại sao lại như vậy?

Answer 1

Thay đổi các thành phần có mã như vậy không kích hoạt trình xử lý sự kiện. Tuy nhiên, bạn có thể tự làm điều đó:

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