Select 原型：如何将所选选项从一个选择移动到另一个选择？_Select_Prototypejs_Options

Select 原型：如何将所选选项从一个选择移动到另一个选择？

select

Select 原型：如何将所选选项从一个选择移动到另一个选择？,select,prototypejs,options,Select,Prototypejs,Options,使用prototype 1.6，如何从一个select中删除所有选定选项并将其附加到另一个select中？我想我应该补充一点，当它们出现在目标中时，它们不应该被选中…我找到了答案，这涉及到使用“plain jane”javascript获取所选选项并取消选择它们。这使用了prototype 1.6，运行良好 <head> <script type="text/javascript" src="prototype.js"></script> <

使用prototype 1.6，如何从一个select中删除所有选定选项并将其附加到另一个select中？我想我应该补充一点，当它们出现在目标中时，它们不应该被选中…

我找到了答案，这涉及到使用“plain jane”javascript获取所选选项并取消选择它们。这使用了prototype 1.6，运行良好

<head>

    <script type="text/javascript" src="prototype.js"></script>

</head>

<body>

    <h1>Hello World</h2>

    <div style="border:solid 1px black">

        <select id="leftSelect" multiple="multiple" size="3">
            <option value="1">One</option>
            <option value="2">Two</option>
            <option value="3">Three</option>
        </select>

        <span class="test">
            <button id="moveRightBtn">&gt;&gt;</button><br/>
            <button id="moveLeftBtn">&lt;&lt;</button>
        </span>

        <select id="rightSelect" multiple="multiple" size="3">
            <option value="1">One</option>
            <option value="2">Two</option>
            <option value="3">Three</option>
        </select>

    </div>

    <script type="text/javascript">

        document.observe("dom:loaded", function()
        {
            Event.observe("moveRightBtn", "click", function()
            {
                move($("leftSelect"), $("rightSelect"));
            });

            Event.observe("moveLeftBtn", "click",  function()
            {
                move($("rightSelect"), $("leftSelect"));
            });
        });

        function move(sourceSelect, targetSelect)
        {
        var options = sourceSelect.select("option");

        options.each(function(item)
        {
           if(item.selected)
           {
              item.selected = false;
              targetSelect.appendChild(item.remove());
           }
        });
        }

    </script>

</body>


你好，世界
一个
两个
三


一个
两个
三
document.observe（“dom:loaded”，function（））
{
观察（“moveRightBtn”，“单击”，函数（）
{
移动（$（“左选择”）、$（“右选择”）；
});
观察（“moveLeftBtn”，“click”，function（））
{
移动（$（“右选择”）、$（“左选择”）；
});
});
功能移动（sourceSelect、targetSelect）
{
var options=sourceSelect.select（“选项”）；
选项。每个（功能（项目）
{
如果（选定项）
{
item.selected=false；
targetSelect.appendChild（item.remove（））；
}
});
}

我找到了答案，只需使用“plain jane”javascript获取所选选项并取消选择即可。这使用了prototype 1.6，运行良好

<head>

    <script type="text/javascript" src="prototype.js"></script>

</head>

<body>

    <h1>Hello World</h2>

    <div style="border:solid 1px black">

        <select id="leftSelect" multiple="multiple" size="3">
            <option value="1">One</option>
            <option value="2">Two</option>
            <option value="3">Three</option>
        </select>

        <span class="test">
            <button id="moveRightBtn">&gt;&gt;</button><br/>
            <button id="moveLeftBtn">&lt;&lt;</button>
        </span>

        <select id="rightSelect" multiple="multiple" size="3">
            <option value="1">One</option>
            <option value="2">Two</option>
            <option value="3">Three</option>
        </select>

    </div>

    <script type="text/javascript">

        document.observe("dom:loaded", function()
        {
            Event.observe("moveRightBtn", "click", function()
            {
                move($("leftSelect"), $("rightSelect"));
            });

            Event.observe("moveLeftBtn", "click",  function()
            {
                move($("rightSelect"), $("leftSelect"));
            });
        });

        function move(sourceSelect, targetSelect)
        {
        var options = sourceSelect.select("option");

        options.each(function(item)
        {
           if(item.selected)
           {
              item.selected = false;
              targetSelect.appendChild(item.remove());
           }
        });
        }

    </script>

</body>


你好，世界
一个
两个
三


一个
两个
三
document.observe（“dom:loaded”，function（））
{
观察（“moveRightBtn”，“单击”，函数（）
{
移动（$（“左选择”）、$（“右选择”）；
});
观察（“moveLeftBtn”，“click”，function（））
{
移动（$（“右选择”）、$（“左选择”）；
});
});
功能移动（sourceSelect、targetSelect）
{
var options=sourceSelect.select（“选项”）；
选项。每个（功能（项目）
{
如果（选定项）
{
item.selected=false；
targetSelect.appendChild（item.remove（））；
}
});
}