如何使用Javascript/jQuery设置下拉列表的选项？

Question

有谁知道如何使用javascript或jquery设置下拉菜单的选项和值？我正在使用这个HTML:

<select size="1" id="D1">
</select>

谢谢您的帮助.

Answer 1

你甚至不一定需要jQuery:

var select = document.getElementById("D1"),
    opt = document.createElement("option");
opt.value = "value";
opt.textContent = "text to be displayed";
select.appendChild(opt);

例子.

但无论如何这里是jQuery:

$("select#D1").append( $("<option>")
    .val("value")
    .html("text to be displayed")
);

例子.

Answer 2

这样做,用的另一种方式select的添加方法:

var select = $("#select")[0];

select.add(new Option("one", 1));
select.add(new Option("two", 2));
select.add(new Option("three", 3));

示例: http ://jsfiddle.net/pc9Dz/

或者另一种方式,通过向直接分配值select的options集合:

var select = $("#select")[0];

select.options[0] = new Option("one", 1);
select.options[1] = new Option("two", 2);