Как установить параметры выпадающего списка с помощью 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>");
Ответ 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);
Ответ 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>");