0

クリックすると選択ボックスを作りたいのですが、左側の項目が自動的に右側に移動します。ただし、トリガーを使用すると、これを達成できません。これが私のコードです。

<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>
4

1 に答える 1

3

選択オプションのクリックをバインドすることはできません。代わりに .change() を使用してください

$('#assignedItems').on('change', function(){
    $('#assignedSelected').trigger('click');
});
于 2013-10-08T14:51:09.993 に答える