如何在事件上觸發JQUERY？

Question

我想點擊一個選擇框，左邊的項目會自動移到右邊。但是，使用觸發器我無法實現這一點。 這是我的代碼。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#assignedSelected').on('click',function(){ 
     $('#unassignedItems option:selected').clone().appendTo('#assignedItems');  
     $('#unassignedItems option:selected').remove(); 
    }); 
    $('#assignedItems').on('click','option', function(){ 
     $('#assignedSelected').trigger('click'); 
    }); 

}); 

</script> 

<table class="selectArea"> 
    <tr> 
     <td> 
      <select id="unassignedItems" name="unassignedItems" class="selectBox" size="8" multiple> 
       <option value="A">A</option> 
      </select> 
     </td> 
     <td class="selectButtonPanel"> 
      <input type="button" id="assignedSelected" class="selectButton" value="&gt;"> 
     </td> 
     <td> 
      <select id="assignedItems" name="assignedItems" class="selectBox" size="8" multiple> 
       <option value="1">1</option> 
      </select> 
     </td> 
    </tr> 
</table> 

Answer 1

不能綁定點擊選擇選項，使用.change（）代替

$('#assignedItems').on('change', function(){ 
    $('#assignedSelected').trigger('click'); 
});