设置选择框的选择选项

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() {

    $("#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 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);