设置选择框的选择选项

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

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

Answer 2

我发现使用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")对于复选框<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);