Question

好的，我有一个选择框

<select id="txtPriority" style="color:#008000;">
    <option value="0" style="color:#0000FF;">Low</option>
    <option value="1" selected="selected" style="color:#008000;">Normal</option>
    <option value="2" style="color:#B22222;">Critical</option>
</select>

现在使用该选择框，我想创建一个按钮，点击后会将选择框的所选项目返回到<option> selected="selected"。现在可以使用简单的jQuery代码吗？

Answer 1

如果我完全理解不需要使用jQuery：只需在表单中包含select并使用重置按钮（参见http://jsfiddle.net/vwqVJ/5/）

<form ...>
    <select id="txtPriority" style="color:#008000;">
    ...
    </select>

    <button type="reset">Restore choice</button>
</form>

这样，当您更改选择时，您始终可以返回初始状态

如果你需要使用jQuery，只需在表单元素上调用reset方法，比如

$('form').get(0).reset()

否则，如果你根本没有形式（但你真的应该使用它），只需使用

$('#txtPriority').val($('#txtPriority option[selected]').val())

Answer 2

我不知道“一个按钮会返回选择框的选定项目”的含义但

$("select#txtPriority option:selected").first();

会给你选择的选项。

Answer 3

$('#txtPriority').val('1');  //try this

使用jQuery将选择框设置为其默认选定索引

3 个答案: