我想设置一个选项，之前选择显示在页面加载。我尝试了下面的代码:
$("#gate").val('Gateway 2');
with
<select id="gate">
<option value='null'>- choose -</option>
<option value='gateway_1'>Gateway 1</option>
<option value='gateway_2'>Gateway 2</option>
</select>
但这并不奏效。什么好主意吗?
当前回答
$(function() {
$("#demo").val('hello');
});
其他回答
我的问题
get_courses(); //// To load the course list
$("#course").val(course); //// Setting default value of the list
我也有同样的问题。与你的代码唯一的区别是，我是通过ajax调用加载选择框，ajax调用被执行后，我设置了选择框的默认值
解决方案
get_courses();
setTimeout(function() {
$("#course").val(course);
}, 10);
有些情况可能是
$('#gate option[value='+data.Gateway2+']').attr('selected', true);
除了@icksde和@Korah(谢谢两位!)
当使用AJAX构建文档的选项时。Ready可能在构建列表之前被触发，因此这可能会提供一些见解。
超时确实有效，但正如@icksde所说，它很脆弱。最好把它放在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");
});
这很好。看这个小提琴:http://jsfiddle.net/kveAL/
是否有可能需要在$(document).ready()处理程序中声明jQuery ?
另外，是否可能有两个具有相同ID的元素?
$(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
});
