javascript - 使用 jQuery 在另一个 div 中克隆选定的选项

Question

我有一个可选择的树，我有用户，然后我想在左边选择他们，然后点击“右边”按钮并将它发送到右边的 div，如果我需要从中删除它右侧，我想在右侧选择它，然后单击“左侧”按钮。

我已经尝试了超过 2 天，但我不知道如何开始，有人可以帮助我吗？

这是 jsfiddle 的工作原理，希望有助于理解。

这是我目前从 jquery 得到的:

$(function () {
    $('#jstree1').jstree({
        "plugins": ["wholerow", "checkbox"]
    });
});

http://jsfiddle.net/JC9gM/

为了更好地理解我需要什么，这里有一个例子，但我需要 jsTree 插件:

工作示例:http://www.akchauhan.com/examples/example01/

Answer 1

我用这个插件解决了类似的问题 multiselect.js .它易于使用，如果您不需要它看起来像一棵树，它就可以工作。

<select id="users" multiple="multiple">
    <optgroup label="1">
        <option>1.A</option>
        <optgroup label="1.B">
            <option>1.B.I</option>
            <option>1.B.II</option>
        </optgroup>
    </optgroup>
    <option>2</option>
</select>
<script>
    $('#users').multiSelect({
        selectableOptgroup: true
    });
</script>

查看演示部分中的“optgroup”以查看其工作情况