Javascriptを使用して、ドロップダウンリストのすべての値を配列に取得します

Question

ドロップダウンリストの値を配列に取得するにはどうすればよいですか？

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/

Answer 2

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);
}

Answer 3

純粋な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]