選擇框多而不被選擇

我有兩個小的選擇框是這樣的：選擇框多而不被選擇

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

選擇框多而不被選擇

回答

相關問題