使用jQuery将Listbox项移动并移除到另一个列表框

Question

我想将列表框项目移动到另一个列表框中。我搜索并找到了这个位置。

http://jsfiddle.net/bdMAF/1/

这正是我想要的。但我想删除列表框项目。可能吗？请帮助我。

感谢。

Answer 1

我认为你的意思是从第二个列表中删除它们并返回到第一个列表。试试这个http://jsfiddle.net/bdMAF/38/

<div>
    <h3>List A</h3>
    <select id="list1" multiple="multiple" rows=2>
        <option value=1>Option 1</option>
        <option value=2>Option 2</option>
        <option value=3>Option 3</option>
        <option value=4>Option 4</option>
    </select>
    <br/>
    <input id="button1" type="button" value="Move to List B" />
</div>
<div>
    <h3>List A</h3>
    <select id="list2" multiple="multiple" rows=2>        
    </select>
    <br/>
    <input id="button2" type="button" value="Move to List A" />
</div>

$(function(){
    $("#button1").click(function(){
        $("#list1 > option:selected").each(function(){
            $(this).remove().appendTo("#list2");
        });
    });

    $("#button2").click(function(){
        $("#list2 > option:selected").each(function(){
            $(this).remove().appendTo("#list1");
        });
    });
});​

Answer 2

为什么不添加button2并且喜欢

$(function(){
    $("#button2").click(function(){
        $("#list1 > option:selected").each(function(){
            $(this).remove();
        });
    });
});​