我想设置一个选项，之前选择显示在页面加载。我尝试了下面的代码:
$("#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>
但这并不奏效。什么好主意吗?
当前回答
// 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');
});
其他回答
美元(文件).准备功能(){ 美元(“# selectBoxId选项[value = " val2”)”。(selected’,真正的道具); }); <剧本剧本src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < / > 选择< id =“selectBoxId > <选项价值= >“val1 Option1 < /选项> <选项价值= >“val2 Option2 < /选项> <选项价值= >“val3 Option3 < /选项> 选择< - >
$(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
});
$(" #门”)。瓦尔(“网关2”)。道具(“选择”,真正的);
这很好。看这个小提琴:http://jsfiddle.net/kveAL/
是否有可能需要在$(document).ready()处理程序中声明jQuery ?
另外，是否可能有两个具有相同ID的元素?
我发现使用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输入
<textarea id="gate"></textarea>
$("#gate").html("your desired value")
对于复选框
<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);
