多选列表

Question

您将如何创建多列表选择区域？ 您应该能够双击左侧的项目将其添加到选定区域 并且您应该能够双击所选区域以从列表中删除项目（已选择）。

<ul id="selection">
    <li><span>Apple</span></li>
    <li><span>Pear</span></li>
    <li><span>Banana</span></li>
    <li><span>Melon</span></li>
</ul>



<ul id="selected">
    <li><span>Mango</span></li>
</ul>

我试过在JQuery中添加广告删除条款，但它只是没有用。

请帮忙

Answer 1

帮助一个默默无闻的莫尔，确定的事情

我得到了你需要的东西 希望它会有所帮助

http://jsfiddle.net/nel_mo/Y5256/

// Copy over on double click and  // Delete on double click on
selected side
    $('#selection').on('dblclick', 'li', function() {
        $('#selected').append($(this).clone());
    });


    $('#selected').on('dblclick', 'li', function() {
        $(this).remove();
    });



// Move over and back on double click on each side
    $('#selection').on('dblclick', 'li', function() {
        $('#selected').append($(this).clone());
        $(this).remove();
    });


    $('#selected').on('dblclick', 'li', function() {
        $('#selection').append($(this).clone());
        $(this).remove();
    });

祝你好运