javascript - selectbox 多个而不被选中

Question

这个问题已经有答案了:

select all options in html select dynamically (3 个回答)

已关闭 6 年前。

我有两个像这样的小选择框:

我添加了一个小的 JS 功能并将它们附加到按钮上，这样我就可以将左侧的项目移动到右侧的框中，效果很好。

但是，在将它们传输到右侧的框(在我的例子中是包含我随后要插入到数据库中的元素的框)后，它们被选中。单击其中一项可取消选择另一项。我希望将这两个选项(动态生成)包含在我的 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 函数会选择右侧框中的所有项目？单击“向右移动”按钮后使用隐藏字段？我有点被困在这里了。

没有可用的 jQuery。

Answer 1

您是否尝试过select all options in html select dynamically上的解决方案然而，因为你的问题看起来与那边的问题相似？

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