bootstrap-select重置或选中第一个option

有时候会出现需要重置select选项的情况,这就需要我们清楚原本已选择选项的样式,并回到默认状态,也就是选择第一个option的状态。

页面结构截图:


这个过程会发现操作原select很容易,但是使用了bootstrap-select,这个结构样式是自动生成的,改起来是很麻烦的,

我们不仅需要修改select的option,还要修改bootstrap-select的option,这样才能保证页面选中的option跟实际上的select是一致的。

方法如下:

                document.getElementById("extraSelect1").options.selectedIndex = 0; //使select重置,会默认选中第一个

                $("#extraSelect1").selectpicker('refresh');//使extraSelect1刷新,相当于重置,会默认选中第一个

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 最初的一个应用,就是分担服务器处理表单的责任,打破处处依赖服务器的局面。   尽管目前的...
    霜天晓阅读 699评论 0 3
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1 92
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,539评论 0 5
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,288评论 19 139
  • 越来越讨厌社交 不想发说说了一因为没人点赞 不想发朋友圈了 因为不想被人窥视
    不绊阅读 156评论 0 0