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

Question

我有 2 个选择列表

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

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

给用户带来的不便在于复制和粘贴不适用于选择列表。他要更换正确的选择列表SelectIn使用文本编辑器。他将内容粘贴到该编辑器(通常是一个大列)。粘贴后，它的行为应该与选择列表完全相同。他应该能够将列表项移动到左侧，从左侧添加更多项目，应该对其进行排序等等......

我怎样才能实现这个目标？

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

Answer 1

你想要这样的东西

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);
    }
}