选择框多而不被选择

我有两个小的选择框是这样的：选择框多而不被选择

我增加了一个小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。

来源

2016-12-28 DasSaffe

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

请有这个答案审核评论，因为它是一个。

来源

2016-12-28 15:44:39

我之前曾尝试过，但可能是因为在名称中使用了[]或任何因为某种原因而不起作用：/ – DasSaffe

听起来像是因为名称中的[]，它会作为数组传递？ – Makaze

welp，从不知道我猜...引号中的名称不是用作对象。这解决了它。谢谢:) – DasSaffe

选择框多而不被选择

回答

相关问题