如何使用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代码来选择下拉框中的第一项（值为""和文本为"Select Color . . ."，即用户在进行任何更改之前页面上的设置）。

我是通过一个名为"Reset"的按钮点击链接来执行此操作的。

- leora

Answer 1

你可以使用 .val() 函数。由于你想要预选的元素值为空，因此你需要传递一个空字符串：

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

- Darin Dimitrov

Answer 2

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

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

- Jakub Konecki

Answer 3

您可以使用.empty() 函数来清除组合框的选项。

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

- Its Aafrin

---

这将删除选择标签，而不是选择第一个选项。 - serdar