Установите выбранную опцию окна выбора

Question

Я хочу установить опцию, которая была выбрана ранее для отображения на странице загрузки. Я пытался сделать это с помощью следующего кода:

$("#gate").val('Gateway 2'); 

с

<select id="gate"> 
    <option value='null'>- choose -</option> 
    <option value='Gateway 1'>Gateway 1</option> 
    <option value='Gateway 2'>Gateway 2</option> 
</select> 

Но это не работает. Есть идеи?

Answer 1

Это определенно должно работать. Here's a demo. Убедитесь, что вы разместили свой код в $(document).ready:

$(function() { 
    $("#gate").val('Gateway 2'); 
}); 

Answer 2

Это работает отлично. См. Эту скрипту: http://jsfiddle.net/kveAL/

Возможно, вам необходимо объявить ваш jQuery в обработчике $(document).ready()?

Возможно, у вас есть два элемента с одинаковым идентификатором?

Answer 3

$(document).ready(function() { 
    $("#gate option[value='Gateway 2']").prop('selected', true); 
    // you need to specify id of combo to set right combo, if more than one combo 
}); 

Answer 4

У меня возникла проблема, когда значение не было установлено из-за синтаксической ошибки перед вызовом.

$("#someId").value(33); //script bailed here without showing any errors Note: .value instead of .val 
$("#gate").val('Gateway 2'); //this line didn't work. 

Проверьте наличие синтаксических ошибок перед вызовом.

Answer 5

// Make option have a "selected" attribute using jQuery 

var yourValue = "Gateway 2"; 

$("#gate").find('option').each(function(i, opt) { 
    if(opt.value === yourValue) 
     $(opt).attr('selected', 'selected'); 
}); 

Answer 6

$(function() { 
$("#demo").val('hello'); 
}); 

Answer 7

$('#gate').val('Gateway 2').prop('selected', true);

Answer 8

Моя проблема

get_courses(); //// To load the course list 
$("#course").val(course); //// Setting default value of the list 

Я была такая же проблема. Единственное отличие от кода является то, что я загрузка выберите поле с помощью вызова Ajax и только Аякс вызова был выполнен я установить значение по умолчанию поля выбора

Решению

get_courses(); 
    setTimeout(function() { 
    $("#course").val(course); 
    }, 10); 

Answer 9

Дополнение к @icksde и @Korah (спасибо оба!)

при построении вариантов с AJAX document.ready могут быть вызваны, прежде чем список будет построен, так

Это не работает

$(document).ready(function() { 
    $("#gate").val('Gateway 2'); 
}); 

Это делает

таймаут делает работу, но, как @icksde говорит, что это хрупкое (я на самом деле нужно 20ms в смену 10мс). Это лучше, чтобы вписать его в функции AJAX, как это:

$("#someObject").change(function() { 
    $.get("website/page.php", {parameters}, function(data) { 
     $("#gate").append("<option value='Gateway 2'">" + "Gateway 2" + "</option>"); 
     $("#gate").val('Gateway 2'); 
    }, "json"); 
}); 

Answer 10

Я нашел с помощью метода JQuery .val(), чтобы иметь существенный недостаток.

<select id="gate"></select> 
$("#gate").val("Gateway 2"); 

Если выбрать окно (или любой другой объект ввода) находится в форме и есть кнопка сброса используется в форме, когда кнопка сброса нажата установленное значение будет очищена и не сбрасывается в как и следовало ожидать.

Это, кажется, работает лучше всего для меня.

Для Выбор коробок

<select id="gate"></select> 
$("#gate option[value='Gateway 2']").attr("selected", true); 

Для текстовых входов

<input type="text" id="gate" /> 
$("#gate").attr("value", "your desired value") 

Для входов текстовой области

<textarea id="gate"></textarea> 
$("#gate").html("your desired value") 

Для CheckBox коробки

<input type="checkbox" id="gate" /> 
$("#gate option[value='Gateway 2']").attr("checked", true); 

Для радиокнопок

<input type="radio" id="gate" value="this"/> or <input type="radio" id="gate" value="that"/> 
$("#gate[value='this']").attr("checked", true); 

Answer 11

$("#form-field").val("5").trigger("change"); 

Answer 12

Это будет еще один вариант:

$('.id_100 option[value=val2]').prop('selected', true); 

Answer 13

У меня была такая же проблема.

Решение: добавьте обновление.

$("#gate").val('Gateway 2'); 
$("#gate").selectmenu('refresh');