$('select.selectpicker').show();
这将在此元素上设置"display:block",并使其可见。
来自selectpicker文档(https://silviomoreto.github.io/bootstrap-select/)。
隐藏自定义选择并显示原生选择。
由于选择具有display:none!important
,我们需要强制显示它。
有三种方法可以实现:
remove the specific classes "selectpicker" and "bs-select-hidden" that makes it hidden.
$('select.selectpicker').selectpicker('hide')
.removeClass("selectpicker bs-select-hidden");
remove all classes (may break the layout)
$('select.selectpicker').selectpicker('hide')
.removeClass();
force display:inline-block
(default display value for selects)
$('select.selectpicker').selectpicker('hide')
.css("display","inline-block !important");
document.getElementById("whatever").className = "";
或者如果您想保留特定类别,只需重置该类别
document.getElementById("whatever").className = "";
document.getElementById("whatever").className = "classToKeep";
请检查使用JavaScript(无jQuery)从元素中删除CSS类
或者如果你使用了jQuery
$( "id/class" ).removeClass( "blue under" );