Как установить параметры выпадающего списка с помощью Javascript/jQuery?
Кто-нибудь знает, как установить параметры и значения выпадающего меню с помощью javascript или jquery? Я использую этот HTML-код:
<select size="1" id="D1">
</select>
Спасибо за помощь.
Ответы
Ответ 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")
);
Пример.
Ответ 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);
Ответ 3
Есть несколько разных способов. Один из них:
$("#D1").append("<option>Fred</option>");
Ответ 4
Здесь еще один способ удалить параметры с помощью javascript (аналогично ответам Andrew Whitaker) с помощью массива опций:
var select = document.getElementById("D1");
select.options.length = 0;//remove all options
Ответ 5
$("#dropdown").html("<option value='val1'>label 1</option><option value='val2' selected='selected'>label 2</option>");