如何使用jQuery清除按钮单击事件的下拉列表值?
fv2wmkja1#
$('#dropdownid').empty();
这将删除下拉列表元素下的所有<option>元素。如果你想取消选择选定的项目,去与代码从罗斯。
<option>
5ssjco0h2#
Russ Cam给出的第一个解决方案的简短替代方案为:
$('#mySelect').val('');
这假定您要保留该列表,但使其不选择任何选项。如果您希望选择特定的默认值,只需传递该值而不是空字符串。
$('#mySelect').val('someDefaultValue');
或者通过选项的索引执行此操作,您可以执行以下操作:
$('#mySelect option:eq(0)').attr('selected','selected'); // Select first option
yvt65v4c3#
如果要重置所选选项
$('select option:selected').removeAttr('selected');
如果你真的想删除这些选项(尽管我不认为你是这个意思)。
$('select').empty();
用select替换最适合您的选择器(可以按id或CSS类)。按原样使用将重置页面上的所有<select>元素
select
<select>
eh57zj3b4#
如果你想用jQuery重置引导页面的按钮点击:
function resetForm(){ var validator = $( "#form_ID" ).validate(); validator.resetForm(); }
使用上面的代码,你也有改变字段颜色为红色正常。如果您只想重置字段值,则:
$("#form_ID")[0].reset();
rkttyhzu5#
如果所有其他代码都无效,请尝试$("#element_id").selectpicker('val', '');
$("#element_id").selectpicker('val', '');
5条答案
按热度按时间fv2wmkja1#
这将删除下拉列表元素下的所有
<option>
元素。如果你想取消选择选定的项目,去与代码从罗斯。
5ssjco0h2#
Russ Cam给出的第一个解决方案的简短替代方案为:
这假定您要保留该列表,但使其不选择任何选项。
如果您希望选择特定的默认值,只需传递该值而不是空字符串。
或者通过选项的索引执行此操作,您可以执行以下操作:
yvt65v4c3#
如果要重置所选选项
如果你真的想删除这些选项(尽管我不认为你是这个意思)。
用
select
替换最适合您的选择器(可以按id或CSS类)。按原样使用将重置页面上的所有<select>
元素eh57zj3b4#
如果你想用jQuery重置引导页面的按钮点击:
使用上面的代码,你也有改变字段颜色为红色正常。
如果您只想重置字段值,则:
rkttyhzu5#
如果所有其他代码都无效,请尝试
$("#element_id").selectpicker('val', '');