如何使用编辑器更改选择列表

时间:2014-09-06 04:06:16

标签: javascript

我有2个选择列表

<select Multiple name="SelectOut" id="SelectOut" size="15">
<select Multiple name="SelectIn" id="SelectIn" size="15">

在我之间我有两个按钮<--&amp; -->。使用此按钮,我可以从左到右或从右到左移动列表。

用户不方便的是,复制和粘贴不适用于选择列表。他想用文本编辑器替换正确的选择列表SelectIn。他将内容粘贴到该编辑器(通常是一个大列o)。粘贴后,它应该与选择列表完全相同。他应该能够将列表项移到左边,从左边添加更多项,应该对它进行排序等等....

我怎样才能做到这一点?

在右侧而不是选择列表中,我需要一个文本编辑器。或者我应该能够在右侧部分列表中启用复制和粘贴启用:)。对于用户来说,主要的不便是他必须从左选择列表中选择一个或多个列表项目。他应该能够将excel工作表列表中的列表切换到编辑器。我可以看到,另外一项工作是将内容粘贴到一个额外的文本编辑器,然后按下一个按钮,编辑器内容应该显示为右侧选择列表中的列表项,与Excel工作表列中的列表项完全相同。 TIA -Philip -

1 个答案:

答案 0 :(得分:3)

你想要这样的东西

demo

<强> JS

function shiftRight()
{
    var selItem = document.forms[0].list1.selectedIndex;
    if (selItem == -1)
    {
        window.alert("Select Item From List")
    }
    else
    {
        document.forms[0].list2.add(document.forms[0].list1[selItem], null);
    }
}

function shiftLeft()
{
    var selItem = document.forms[0].list2.selectedIndex;
    if (selItem == -1)
    {
        window.alert("Select Item From List")
    }
    else
    {
        document.forms[0].list1.add(document.forms[0].list2[selItem], null);
    }
}