Как говорится в вопросе, как установить значение элемента управления DropDownList с помощью jQuery?
$("#mydropdownlist").val("thevalue");
просто убедитесь, что значение в тегах options совпадает со значением в методе val.
Если вы работаете с индексом, вы можете установить выбранный индекс непосредственно с помощью .attr():
$("#mydropdownlist").attr('selectedIndex', 0);
Это установит его на первое значение в выпадающем списке.
Правка: То, как я сделал это выше, раньше работало. Но похоже, что теперь он не работает.
Но как Хан так приятно указывает в комментариях, правильный способ - это:
$("#mydropdownlist").get(0).selectedIndex = index_here;
Как предложил @Ник Берарди, если измененное значение не отражается на передней пользовательского интерфейса, попробуйте:
$("#mydropdownlist").val("thevalue").change();
Попробуйте этот очень простой подход:
/*make sure that value is included in the options value of the dropdownlist
e.g.
(<select><option value='CA'>California</option><option value='AK'>Alaska</option> </select>)
*/
$('#mycontrolId').val(myvalue).attr("selected", "selected");
Если ваш выпадающий является Asp.Net падение вниз, затем ниже код будет работать нормально,
$("#<%=DropDownName.ClientID%>")[0].selectedIndex=0;
Но если ваш выпадающий список HTML-код выпадающего затем этот код будет работать.
$("#DropDownName")[0].selectedIndex=0;
Лучший ответ на вопрос:
$("#comboboxid").val(yourvalue).trigger("chosen:updated");
е.г:
$("#CityID").val(20).trigger("chosen:updated");
или
$("#CityID").val("chicago").trigger("chosen:updated");
Есть много способов сделать это. вот некоторые из них:
$("._statusDDL").val('2');
Или
$('select').prop('selectedIndex', 3);
Попробуйте:
jQuery("#availability option:selected").val();
Или получить текст вариант, использовать текст():
jQuery("#availability option:selected").text();
Подробнее:
http://api.jquery.com/val/
http://api.jquery.com/text/
в
$(document).ready(function(){
$('#button1').click(function(){
alert($('#combo :selected').text());
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
<option value="1">Test 1</option>
<option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />
в
Я думаю, что это может помочь:
$.getJSON('<%= Url.Action("GetDepartment") %>',
{ coDepartment: paramDepartment },
function(data) {
$(".autoCompleteDepartment").empty();
$(".autoCompleteDepartment").append($("<option />").val(-1));
$.each(data, function() {
$(".autoCompleteDepartment").append($("<option />").val(this.CodDepartment).text(this.DepartmentName));
});
$(".autoCompleteDepartment").val(-1);
}
);
Если вы делаете таким образом, вы добавляете элемент без текста. Так, при нажатии-де-комбо, это не'т стоять, но значение -1 Добавлено спустя выделять $(на".autoCompleteDepartment и").вал(-1); позволяют контролировать, если комбо имеет допустимое значение.
Надеюсь, что это помогает кто-нибудь.
Извините за мой английский.
Здесь-это функция сделана для быстрой настройки выбранной опции:
function SetSelected(elem, val){
$('#'+elem+' option').each(function(i,d){
// console.log('searching match for '+ elem + ' ' + d.value + ' equal to '+ val);
if($.trim(d.value).toLowerCase() == $.trim(val).toLowerCase()){
// console.log('found match for '+ elem + ' ' + d.value);
$('#'+elem).prop('selectedIndex', i);
}
});
}
Вызов этой функции с аргументом id элемента и выбранное значение; такой:
SetSelected('selectID','some option');
Это полезно, когда есть много выбора параметров, которые необходимо задать.
Набор выпадающий
выбранного
значение и обновить изменения
$("#PR2DistrictId option[value='@Model.PR2DistrictId']").attr("selected", true).trigger("chosen:updated")
Здесь мы впервые установлено значение "модель" и чем обновляться на выбранной
Формат //HTML-код выпадающего списка.
<select id="MyDropDownList">
<option value=test1 selected>test1</option>
<option value=test2>test2</option>
<option value=test3>test3</option>
<option value=test4>test4</option>
</выбрать>
// Если вы хотите изменить выбранный элемент в условие_2 с помощью JavaScript. Попробовать этот один. // установить следующий параметр U хотите выбрать
var NewOprionValue = "Test2"
var RemoveSelected = $("#MyDropDownList")[0].innerHTML.replace('selected', '');
var ChangeSelected = RemoveSelected.replace(NewOption, NewOption + 'selected>');
$('#MyDropDownList').html(ChangeSelected);
В случае, когда вы загружаете все в `<варианты ....></дополнительно> на AJAX-вызова <БР> Выполните следующие шаги, чтобы сделать это.
1). Создать отдельный метод для заданного значения из выпадающего <БР> Например:
function set_ip_base_country(countryCode)
$('#country').val(countryCode)
}
2). Вызовите этот метод, когда успех AJAX-вызов всех HTML-добавить задачу завершить
Например:
success: function (doc) {
.....
.....
$("#country").append('<option style="color:black;" value="' + key + '">' + value + '</option>')
set_ip_base_country(ip_base_country)
}
Используя каталогу/проверил ответ выше работал для меня... здесь's немного проницательности. Я немного схитрил на получение URL-адреса, но в основном я'м определение url-адреса в JavaScript, а затем установить его с помощью jQuery и ответ сверху:
<select id="select" onChange="window.location.href=this.value">
<option value="">Select a task </option>
<option value="http://127.0.0.1:5000/choose_form/1">Task 1</option>
<option value="http://127.0.0.1:5000/choose_form/2">Task 2</option>
<option value="http://127.0.0.1:5000/choose_form/3">Task 3</option>
<option value="http://127.0.0.1:5000/choose_form/4">Task 4</option>
<option value="http://127.0.0.1:5000/choose_form/5">Task 5</option>
<option value="http://127.0.0.1:5000/choose_form/6">Task 6</option>
<option value="http://127.0.0.1:5000/choose_form/7">Task 7</option>
<option value="http://127.0.0.1:5000/choose_form/8">Task 8</option>
</select>
<script>
var pathArray = window.location.pathname.split( '/' );
var selectedItem = "http://127.0.0.1:5000/" + pathArray[1] + "/" + pathArray[2];
var trimmedItem = selectedItem.trim();
$("#select").val(trimmedItem);
</script>
установить значение и обновить выпадающий список событий
$("#id").val("1234").change();
Если вам нужно просто установить значение в выпадающем списке, то лучший способ это
$("#ID").val("2");
Если у вас есть, чтобы вызвать любой скрипт после обновления в выпадающем списке значение, если вы устанавливаете любое событие onChange на выпадающем списке и вы хотите запустить после обновления выпадающего чем вам нужно использовать такой
$("#ID").val("2").change();