当前位置: 首页 > 编程笔记 >

通过BootStrap-select插件 js jQuery控制select属性变化

牧熙云
2023-03-14
本文向大家介绍通过BootStrap-select插件 js jQuery控制select属性变化,包括了通过BootStrap-select插件 js jQuery控制select属性变化的使用技巧和注意事项,需要的朋友参考一下

bootstrap-select我想大家都不陌生是一个前端下拉框的插件非常好用,在select的标签中设置属性可以做很多功能控制,不过初始化之后怎么去修改网上找遍中文英文也没有一个交代自己研究好久研究出来了,当然有的人会干掉重新生成那样太low,我决定来填补这个空白。

js控制select属性变化其实很简单,并不需要

$('#goodsNames').selectpicker('render');
$('#goodsNames').selectpicker('refresh');

来重新渲染只用

$(".selectpicker").selectpicker({
width : 300,
actionsBox:true, //在下拉选项添加选中所有和取消选中的按钮
countSelectedText:"已选中{0}项",
selectedTextFormat:"count > 5",
multiple:"true",
maxOptions="2"
})

聪明的人已经看出来了,就是这么设置,值得注意是的multiple这样的属性可以直接赋值TRUE或FALSE来控制,如data-max-options这样的属性去掉data和-用驼峰命名来使用。

以上所述是小编给大家介绍的通过BootStrap-select插件 js jQuery控制select属性变化,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • Bootstrap Select 是使用按钮下拉的 Bootstrap 风格的自定义的选项和多选。在线演示

  • 本文向大家介绍bootstrap select插件封装成Vue2.0组件,包括了bootstrap select插件封装成Vue2.0组件的使用技巧和注意事项,需要的朋友参考一下 因为bootstrap-select功能比较强大,而且样式还不错,所以在项目使用了vue,所以,觉得对bootstrap-select进行封装。 html js 不得不提一下,在使用多个select的时候,在删除某一个s

  • select控件用于创建下拉列表框(下拉菜单),并通过 option 元素创建列表中的选项,供用户从中选择。 定义 select控件时,在 select元素中设置 name 属性,并在每个option 元素中,通过 value 属性定义每个选项的值,通过 selected 属性指定该选项被默认选中。在 <option> 和 </option> 之间的文本,为该选项的显示值。 select控件支持单

  • ember-bootstrap-power-select Integrate Ember Power Select into your Ember Bootstrapforms. Compatibility Ember Power Select v4 or above Ember Bootstrap v4 or above Ember.js v3.16 or above Ember CLI v3.

  • 为什么我在这里收到ORA-00918错误?在INSERT WHEN...THEN INTO...SELECT模式中可以选择的列数是否有限制? 注意:我使用的是Oracle 11.2.0.1.0,我试图在生产中执行的实际查询更加复杂,并且引用了其他表(使用“values”是不够的)。这只是简化的情况...

  • 今天公司的B2C平台需要一个一个小小的重构,其中有个货币菜单是原生的select下拉菜单,需要用可定义的 html来模拟,这个任务分给我啦。这也不是难事啦,用过div模拟,用一个隐藏文本域来接受传递的值就OK,国旗开始还想了下,后来换了个思路就迎刃而 解啦,灰常简单的实现,不过我又是用Jquery来实现的哦。不多废话啦,我直接贴代码了。这个我是基于jquery-1.6.2.min.js版本做 的。