使用Javascript将下拉列表的所有值获取到一个数组中

Question

如何将下拉列表的值存储到数组中？

- user787951

---

你是使用原生的JavaScript还是使用像jQuery或Prototype这样的库？ - erlando

Answer 1

var ddlArray= new Array();
var ddl = document.getElementById('ddl');
for (i = 0; i < ddl.options.length; i++) {
   ddlArray[i] = ddl .options[i].value;
}

http://jsfiddle.net/2vtmP/

- Dustin Laine

---

如何使用JQuery实现这个？ - Wicelo

var ddlArray = []; $('#ddl option').each(function(){ddlArray.push(this.value)}); 变量ddlArray = []; $（'#ddl option'）.each（function（）{ddlArray.push（this.value）}）; - Harry

Answer 2

在纯Javascript中，您可以迭代子节点并提取任何具有nodeName选项的节点。快速示例：

var select = document.getElementById('whateverIdToYourSelect');

var arr = [];
for (var i = 0, l = select.childNodes.length; i < l; i++) {
    if (select.childNodes[i].nodeName === 'OPTION') arr.push(select.childNodes[i].innerHTML);
}
alert(arr) // [Contents,Of,Each,Option]

- Robert

Answer 3

var sel = document.getElementById("yourSelectId");
var opts = sel.options;
var array = new Array();
for(i = 0; i < opts.length; i++)
{
    array.push(opts[i].value);
}

- Arturo Martinez