如何使用jQuery清除按钮单击事件的下拉列表值？

Question

如何使用jQuery清除按钮单击事件的下拉列表值？

Answer 1

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

这将删除下拉元素下的所有<option>元素。

如果您想取消选择所选项目，请使用Russ中的代码。

Answer 2

Russ Cam 给出的第一个解决方案的更短替代方案是：

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

这假定您要保留列表，但要使其不会选择任何选项。

如果您希望选择特定的默认值，只需传递该值而不是空字符串。

$('#mySelect').val('someDefaultValue');

或者通过选项的索引来做，你可以这样做：

$('#mySelect option:eq(0)').attr('selected','selected'); // Select first option

Answer 3

如果要重置所选选项

$('select option:selected').removeAttr('selected');

如果你真的想删除这些选项（虽然我认为你不是这个意思）。

$('select').empty();

将select替换为您案例中最合适的选择器（可以是id或CSS类）。按原样使用将重置页面上的所有<select>元素

Answer 4

如果要使用jQuery按钮单击重置bootstrap页面：

function resetForm(){
        var validator = $( "#form_ID" ).validate();
        validator.resetForm();
}

使用上面的代码，您还可以将字段颜色更改为红色到正常。

如果您只想重置现场值，请执行以下操作：

$("#form_ID")[0].reset();