2

好的，我有一个选择框

<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 代码实现吗？

4

3 回答 3

7

如果我很好理解，则无需使用 jQuery：只需将该选择包装在一个表单中并使用重置按钮（请参阅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())
于 2012-05-09T07:54:28.883 回答
0

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

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

会给你选择的选项。

于 2012-05-09T07:53:31.333 回答
-1 
$('#txtPriority').val('1');  //try this
于 2012-05-09T07:53:59.670 回答