选择框多个而未被选中

Question

我有两个这样的小选择框：

我添加了一个小的JS功能并将它们附加到按钮上，因此我可以将我的左侧项目移动到右侧框中，这样可以正常工作。

然而，在将它们转移到右侧框（在我的情况下是带有我想要在DB中插入的元素的框）之后，它们被选中。单击其中一个取消选择另一个。我希望将这两个选项（动态生成）放在我的PHP文件中。

到目前为止，这看起来很好，但仔细看，它不起作用......这是有道理的，因为只选择了一个项目。我不想只选择所选项目，而是想要正确方框中的所有项目。

我的传输JavaScript是：

function move(leftValue, rightValue) {
    var leftSelect = document.forms["myedit"].elements[leftValue];
    var rightSelect = document.forms["myedit"].elements[rightValue];
    if (leftSelect.selectedIndex == -1) {
        window.alert("[{oxmultilang ident='TROEXTENDEDNEWS_SELECT_LEFT_FIRST'}]");
    } else {
        var option = leftSelect.options[leftSelect.selectedIndex];
        rightSelect.appendChild(option);
    }
}

很短。将左索引移动到右索引。

这是我的HTML（左框）：

<select class="editinput" name="editval[cats_available][]" multiple>                          
    <option value="abc">abc</option>
    <option value="def">def</option>
</selected>

以下是我提交表格的方式：

<input type="submit" name="save_new_cat" value="[{ oxmultilang ident='TROEXTENDEDNEWS_CREATE_NEW'}]" onClick="selectAllOptions('editval[cats_selected][]');document.myedit.fnc.value='createCategory'">

我的问题：在请求后的项目中，哪些项目位于正确的框中会有什么好方法？也许在提交代码之前，一个小的JS函数可以选择右边框中的所有项目？单击＆＃34;向右移动后使用隐藏字段＆＃34;按钮？我有点卡在这里。

没有jQuery可用。

Answer 1

您是否尝试过select all options in html select dynamically上的解决方案，因为您的问题与此处的问题类似？

请将此答案评论为评论，因为它是一个评论。