[译]bootstrap-select (selectpicker)方法
2018-01-26 11:41
218 查看
方法
.selectpicker('val')
您可以通过调用val元素上的方法来设置所选值。
val()直接在
select元素上调用。如果
val()直接调用元素, bootstrap-select
ui将不会刷新(因为只从用户交互时触发事件)。你必须自己调用ui刷新方法。
.selectpicker('selectAll')
这将选择在multi-select模式下的所有选项。
.selectpicker('deselectAll')
这将取消选择在multi-select模式下的所有选项。
.selectpicker('render')
您可以强制使用该render方法重新渲染bootstrap-select ui 。如果当您编程时更改任何相关值而影响元素布局,这将非常有用。
.selectpicker('mobile')
通过$('.selectpicker').selectpicker('mobile'),是的手机可以滚动选项。这将启用手机的原生菜单以进行选择页面上的菜单。
检测浏览器的方法由用户决定。
.selectpicker('setStyle')
修改与按钮本身或其容器相关联的类。如果更换容器上的类:
.selectpicker('refresh')
为了使用JavaScript以编程方式更新select,首先操作select,然后使用该refresh方法更新UI以匹配新状态。对于删除或添加选项时,或通过JavaScript禁用/启用选择时,这是必需的。
<select class = "selectpicker remove-example" > |
.selectpicker('toggle')
以编程方式切换bootstrap-select菜单的打开/关闭。
.selectpicker('hide')
以编程方式隐藏bootstrap-select使用hide方法(这仅影响bootstrap-select自身的可见性)。
.selectpicker('show')
以编程方式显示bootstrap-select使用show方法(这仅影响引导选项本身的可见性)。
.selectpicker('destroy')
要以编程方式销毁bootstrap-select,请使用该destroy方法。
相关文章推荐
- BootStrap selectpicker后台动态绑定数据的方法
- BootStrap下的弹出框加载select2框架失败的解决方法
- bootstrap-select的 使用方法
- BootStrap select2 动态改变值的方法
- bootstrap multiselect 多选功能实现方法
- Select2在Bootstrap 3 Modal框中不能搜索的解决方法
- bootstrap-select 通过拼音搜索汉字下拉框方法
- 转载 JS组件Bootstrap Select2使用方法详解
- Bootstrap Multiselect 基本使用方法
- JS组件Bootstrap Select2使用方法详解
- JS组件Bootstrap Select2使用方法详解
- 基于Bootstrap下拉框插件bootstrap-select使用方法详解
- JS组件Bootstrap Select2使用方法解析
- bootstrap multiselect 设置多项被选中方法
- JQuery------Select标签的各种使用方法
- 在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
- 使用Bootstrap typeahead插件实现搜索框自动补全的方法
- jQuery之imgAreaSelect插件使用方法
- 使用select循环打印菜单选项的多种实现方法
- bootstrap table关于排序列添加图标的方法--查漏补缺