Jquery 通过单击切换后的链接,从multiselect中取消选择所有选定值
我有一个链接,当点击时,会出现一个multiselect,如果你再次点击它,下拉列表就会消失。如果用户选择值,然后单击以删除大小,我希望在用户不必手动取消选择每个项目的情况下取消选择所有内容Jquery 通过单击切换后的链接,从multiselect中取消选择所有选定值,jquery,html,Jquery,Html,我有一个链接,当点击时,会出现一个multiselect,如果你再次点击它,下拉列表就会消失。如果用户选择值,然后单击以删除大小,我希望在用户不必手动取消选择每个项目的情况下取消选择所有内容 <a href="" id="add_colour">Add colour</a> <a href="" id="add_size">Add size</a> <div class="form-group" id="size"> <
<a href="" id="add_colour">Add colour</a>
<a href="" id="add_size">Add size</a>
<div class="form-group" id="size">
<select multiple data-title="Select sizes" multiple name="size[]" class="selectpicker size" data-style="btn-block">
<option value="xs">x-small</option>
<option value="s">small</option>
<option value="m">Medium</option>
<option value="l">large</option>
<option value="xl">x-larg</option>
<option value="2xl">xx-large</option>
</select>
</div>
$("#add_size").on("click", function(e) {
e.preventDefault();
if ($("#size").is(":visible")) {
$(".size option:selected").prop("selected", false);
$("#size").fadeOut();
$(this).html("Add Sizes");
} else {
$("#size").fadeIn();
$(this).html("Remove size");
}
});
较小
小的
中等
大的
放大
xx大
$(“#添加#U大小”)。在(“单击”上,函数(e){
e、 预防默认值();
如果($(“#大小”)为(“:可见”)){
$(“.size选项:选中”).prop(“选中”,false);
$(“#大小”).fadeOut();
$(this.html(“添加大小”);
}否则{
$(“#大小”).fadeIn();
$(this.html(“删除大小”);
}
});
这不起作用,但在控制台中也不会产生任何错误 您可以为所有这些选择指定一个特定类,然后使用它来获取所有您想要的选择,并将其值设置为0 范例
$(".selectClass").each(function() {
$( this ).val("");
// if this didn't work, usually it does
$(this).removeProp("selected");
});
您可以将值设置为rto default并刷新select,如下所示:
$("#add_size").on("click", function(e) {
e.preventDefault();
if ($("#size").is(":visible"))
{
//Set the value to default
$(".size").val('default_value');
//Refresh the selectpicker
$(".size").selectpicker("refresh");
$("#size").fadeOut();
$(this).html("Add Sizes");
} else {
$("#size").fadeIn();
$(this).html("Remove size");
}
});
注意:如果没有“defaul\u值”,可以将其留空,如下所示:
$(".size").val('').selectpicker("refresh");
希望这有帮助