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

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:只需将选择包装在一个表单中并使用重置按钮(参见 http://jsfiddle.net/vwqVJ/5/)

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

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

这样当你改变select时你总是可以回到初始状态

如果您需要改为使用 jQuery，只需在表单元素上调用 reset 方法，例如

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

否则，如果你根本没有表格(但你确实应该使用它)就使用

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