如何使用jquery"重置"组合框

Question

我在网页上有一个选择下拉列表:

<select class="designs" id="color" name="Color">
 <option value="">Select Color . . .</option>
 <option value="Dark">Dark</option>
 <option value="White">White</option>
 <option value="Light">Light</option>
</select>

我试图找到正确的jquery代码来选择该组合框上的第一个条目(具有选项值=""的文本和"选择颜色..."的文本(这是原始页面上的设置)在用户进行任何更改之前加载)

我这样做是通过按钮点击链接显示"重置".

Answer 1

你可以使用这个.val()功能.并且因为要预选的元素的值为空,所以传递一个空字符串:

$('#color').val('');

Answer 2

$('#color option:first-child').attr("selected", "selected");

$('#color')[0].selectedIndex = 0;