私は、ShuttleBoxのような機能を実装できるjavascriptを探しています。Javascriptを使用した動的ShuttleBoxの実装
2つのリストボックスと4つのボタンを用意する必要があります - 左に移動、右に移動、すべてを左に移動、すべてを右に移動しかし、私はそれが唯一のパラメータにだけ渡してDOMオブジェクトによって再利用できるように...
コードやリンクのどの部分をコードするダイナミックのこの部分を実装したい、非常に...いただければ幸いです
おかげで...
あなたは（そのような何か？：
<html>
<body>
<script>
function move_right()
{
var node = document.getElementById ("left");
for (i=0; i < node.childNodes.length; i ++)
{
if (node.childNodes[i].selected)
{
document.getElementById ("right").appendChild(node.childNodes[i].cloneNode(true));
node.removeChild (node.childNodes[i]);
-- i;
}
}
}
function move_left()
{
var node = document.getElementById ("right");
for (i=0; i < node.childNodes.length; i ++)
{
if (node.childNodes[i].selected)
{
document.getElementById ("left").appendChild(node.childNodes[i].cloneNode(true));
node.removeChild (node.childNodes[i]);
-- i;
}
}
}
function move_all_right()
{
var node = document.getElementById ("left");
while (node.childNodes.length > 0)
{
document.getElementById ("right").appendChild(node.firstChild.cloneNode(true));
node.removeChild (node.firstChild);
}
}
function move_all_left()
{
var node = document.getElementById ("right");
while (node.childNodes.length > 0)
{
document.getElementById ("left").appendChild(node.firstChild.cloneNode(true));
node.removeChild (node.firstChild);
}
}
</script>
<select multiple="multiple" id="left"><option>item 0</option><option>item 1</option><option>item 2</option><option>item 3</option></select>
<input type="button" value="<" onclick="move_left()"/>
<input type="button" value="<<" onclick="move_all_left()"/>
<input type="button" value=">>" onclick="move_all_right()"/>
<input type="button" value=">" onclick="move_right()"/>
<select multiple="multiple" id="right"></select>
</body>
</html>
[フィルター可能な複数選択コンボボックスシャトル/転送ウィジェット]の可能な複製を意味するかhttp://stackoverflow.com/questions/13366940/filterable -multi-select-combobox-shuttle-transfer-widget） –