您的位置:首页 > Web前端 > BootStrap

[译]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
方法。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js bootstrap