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

Question

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

Answer 1

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

这将删除下拉元素下方的所有 元素。

如果您想取消选择选定的项目，请使用 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 类）。按原样使用将重置页面上的所有 元素

Answer 4

如果您想使用 jQuery 通过单击按钮来重置引导页面：

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

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

如果您只想重置字段值，则：

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

Answer 5

如果所有其他代码都不起作用，请尝试 $("#element_id").selectpicker('val', '');