猿问

设置选择框的选择选项

我想设置一个先前选择的要在页面加载时显示的选项。我用以下代码尝试了它:


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

但这是行不通的。有任何想法吗?


浮云间
浏览 534回答 3
3回答

慕神8447489

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

慕沐林林

我发现使用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);
随时随地看视频慕课网APP
我要回答