我想设置一个选项，之前选择显示在页面加载。我尝试了下面的代码:
$("#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>
但这并不奏效。什么好主意吗?
当前回答
我的问题
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);
其他回答
这肯定能起作用。这是一个演示。确保你已经把你的代码放在$(document).ready中:
$(function() {
$("#gate").val('gateway_2');
});
// 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');
});
我的问题
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").val("gateway_2")
如果这个选择元素使用JQueryUI或其他JQuery包装器，使用包装器的刷新方法来更新UI，以显示值已被选中。下面的例子是针对JQueryUI的，但是你必须查看你正在使用的包装器的文档，以确定正确的刷新方法:
$("#gate").selectmenu("refresh");
如果需要触发一个事件，例如更改事件，则必须手动触发该事件，因为更改值不会触发该事件。你需要触发的事件取决于事件是如何创建的:
如果事件是用JQuery创建的，即$("#gate").on("change"，function(){})然后使用下面的方法触发事件:
$("#gate").change();
如果事件是使用标准JavaScript事件创建的，则使用以下方法触发事件:
var JSElem = $("#gate")[0];
if ("createEvent" in document) {
var evt = document.createEvent("HTMLEvents");
evt.initEvent("change", false, true);
JSElem.dispatchEvent(evt);
} else {
JSElem.fireEvent("onchange");
}
这很好。看这个小提琴:http://jsfiddle.net/kveAL/
是否有可能需要在$(document).ready()处理程序中声明jQuery ?
另外，是否可能有两个具有相同ID的元素?
