如何使用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;

Answer 3

您可以使用.empty（）函数清除组合框的选项。

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