如何在事件上触发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'); 
});