クリックすると選択ボックスを作りたいのですが、左側の項目が自動的に右側に移動します。ただし、トリガーを使用すると、これを達成できません。これが私のコードです。
<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=">">
</td>
<td>
<select id="assignedItems" name="assignedItems" class="selectBox" size="8" multiple>
<option value="1">1</option>
</select>
</td>
</tr>
</table>