將選擇列表值分配給數組

Question

我在腳本中初始化了一個數組

var listarray = new Array();

並有一個動態創建的選擇列表---

<select multiple size=6 width=150 style="width:150px" name="ToLB" >
</select>

我的問題是如何將選擇列表的所有值分配給數組。 提前致謝。

Answer 1

你可以這樣做：

JQuery-

var optionVal = new Array();
    $('select option').each(function() {
            optionVal.push($(this).val());
        });

Javascript成為

var x = document.getElementById("mySelect"); 
var optionVal = new Array();
for (i = 0; i < x.length; i++) { 
    optionVal.push(x.options[i].text);
}

這將存儲數組optionVal選擇框中的所有選項。

希望它能幫到你。

Answer 2

您可以使用getElementsByTagName將所有選擇selectbox作為對象。

var el = document.getElementsByTagName('select')

在jQuery中，您可以執行以下操作。

var arrayOfValues = $("select").map(function() { return this.value; });

Answer 3

使用普通的JavaScript這是適合你的東西。 現在，我假設您的選擇中至少有一些選項

HTML

<select id="selecty" multiple size=6 width=150 style="width:150px" name="ToLB" >
    <option value="monkey">Monkey</option>
</select>

JavaScript的

var listarray = new Array();
//NOTE: Here you used new as a variable name. New is a reserved keyword so you cant use that as a variable name.

var select = document.getElementById('selecty'); // get the select list

for(var i = 0; i < select.options.length; i++){
   listarray.push(select.options[i].value);
}
console.log(listarray);
>> ["monkey"]

小提琴：

http://jsfiddle.net/mQH7P/

Answer 4

<html>
<body>
<!--  Any list (The main thing that it was built before the launch of the functions of the script) -->
<select id = "mySelect" multiple size=6 width=150 style="width:150px" name="ToLB" >
    <option value="1111"></option>
    <option value="12"> </option>
    <option value="123"></option>
</select>
<script>
        var valuesList = new Array(); 
        var mySelect = document.getElementById("mySelect"); 
        var currentOption = mySelect.childNodes; 
        for (var i=1; i<currentOption.length; i = i+2) { // i+2 needed in order to pass text nodes
            valuesList[i-1]=currentOption[i].value;
        }
</script>
</body>
</html>

值將存儲在您的數組中。 我希望我能正確理解你。

將選擇列表值分配給數組

問題描述

4 個解決方案

解決方案1
6 已采納 2013-04-23 07:58:07

解決方案2
5 2013-04-23 07:53:48

解決方案3
3 2013-04-23 08:00:01

HTML

JavaScript的

解決方案4
2 2013-04-23 08:18:14

將選擇列表值分配給數組

問題描述

4 個解決方案

解決方案1 6 已采納 2013-04-23 07:58:07

解決方案2 5 2013-04-23 07:53:48

解決方案3 3 2013-04-23 08:00:01

HTML

JavaScript的

解決方案4 2 2013-04-23 08:18:14

解決方案1
6 已采納 2013-04-23 07:58:07

解決方案2
5 2013-04-23 07:53:48

解決方案3
3 2013-04-23 08:00:01

解決方案4
2 2013-04-23 08:18:14