jjzjj

selectpicker

全部标签

javascript - 多个 Bootstrap-select 加载非常慢

当我尝试在网站上进行多项选择(超过20个)时,它会减慢jquery的执行速度(带有停止/继续警报)-是否有机会优化代码以更快地加载它-加载需要几分钟?示例代码ABAB文件末尾的javascript:$(document).ready(function(){$('.selectpicker').selectpicker({style:'btn-info',size:1});}); 最佳答案 我也在使用bootstrapselect。这个技巧解决了我关于页面加载时bootstrap-select渲染延迟的问题:似乎在页面加载时,dom元

javascript - selectpicker 默认全选

我正在使用选择器plugin.现在,我尝试默认选择所有选项,或者至少选择一个按钮来选择所有选项,而无需在下拉列表中单击。目前演示仅在单击下拉菜单并单击按钮后才有效。有什么想法吗?$('.selectpicker').selectpicker();$(".btn_clk").click(function(){$('.selectpicker').selectpicker('selectAll');});http://jsfiddle.net/tpnw96ed/ 最佳答案 现在有默认方法可以将全选和取消全选按钮添加到选择器。您应该使用选

javascript - d.stopPropagation 不是 bootstrap select-picker 的函数

我的网站有一个问题,选择器在很多时候工作正常,但没有对代码进行任何更改,选择器停止工作。错误是:bootstrap-select.min.js:7UncaughtTypeError:d.stopPropagationisnotafunction我已经尝试更新库的版本,但我尝试过的所有版本(1.10、1.7、1.6和1.5)看起来都存在同样的问题。你能给我一些关于正在发生的事情的想法吗?如果您能在网站上看到该控制台,那就太棒了。 最佳答案 确保选择器在设置值之前已完全初始化:$('.selectpicker').selectpicke

javascript - $(...).selectpicker 不是函数

我正在为表单使用bootstrap-select。我在HTML文件的header中包含脚本(jquery、bootstrap-select)。所有具有类“selectpicker”的选择元素都被正确调用。选择元素的示例:MustardKetchupRelish但是,如果我在同一个页面调用下面的脚本$(document).ready(function(){$('#test').selectpicker('val','Relish')});我得到了这个讨厌的错误$(...).selectpickerisnotafunction查看GoogleChrome中的源选项卡,我发现bootstra

javascript - Bootstrap Selectpicker 不会使用内置函数重置

我有一组BootstrapSelectpickers,用于从数据库中过滤结果。我需要一种将所有选择器重置为“未选择”的方法,这是我的代码:HTMLByGroupetc...JSajax_fetch('build_group_options',{groupno:groupno}).done(function(html){//varhtmlisalistofoptionsinhtmlformat$('#groups').html(html).find('option[value=""]').remove();//refreshtheselectpickertomakesureoptions

javascript - Bootstrap Selectpicker 不会使用内置函数重置

我有一组BootstrapSelectpickers,用于从数据库中过滤结果。我需要一种将所有选择器重置为“未选择”的方法,这是我的代码:HTMLByGroupetc...JSajax_fetch('build_group_options',{groupno:groupno}).done(function(html){//varhtmlisalistofoptionsinhtmlformat$('#groups').html(html).find('option[value=""]').remove();//refreshtheselectpickertomakesureoptions

html - 无法更改 Bootstrap-select selectpicker 的标题

我想以编程方式更改我的Bootstrap-select选择器的标题。我尝试了以下JS代码,但它不起作用。$('#myPicker').selectpicker({title:'Newtitle'}).selectpicker('render');还有其他方法吗? 最佳答案 Selectpicker只会在DOM更新后更新。下面的函数应该更新标题,因为它允许selectpicker附加一个新的html对象(DOM已更改)functionnewTitle(){varselectpicker=$("#myPicker");selectpic

jquery - 如何使用 bootstrap 中的 selectpicker 插件在 select 上设置选定值

我正在使用Bootstrap-Select像这样的插件:HTML:Val1Val2Val3Val4Javascript:$('select[name=selValue]').selectpicker();现在我想在单击按钮时将选择的值设置为此选择...像这样:$('#mybutton').click(function(){$('select[name=selValue]').val(1);});但是没有任何反应。我怎样才能做到这一点? 最佳答案 该值已正确选择,但您没有看到它,因为该插件隐藏了真正的选择并显示了一个带有无序列表的按钮

javascript - jquery bootstrap selectpicker 根据先前的列表选择刷新列表

我有三个下拉列表,一个列表在页面加载时填充并且不会改变。第二和第三列表可能会根据选择而变化。此功能运行良好。我已尝试将Bootstrapselectpicker添加到选择器中,我可以看到它正在运行-不幸的是,列表不会根据选择进行刷新。我实际上认为它们是“在幕后”,因为我可以看到正在传递的查询,但通过前端没有任何反应。部分HTML:前两个DDL是通过php创建的,但是我有以下Javascript:$(document).ready(function(){$(".selectpicker").selectpicker();});这是我发现问题的地方,我试图在ajax中实现这个关于更改功能但

BootStrap--selectpicker的使用

bootstrap-select,selectpicker用法详细:通过官方文档翻译 用过selectpicker的都说好~但是网上中文的教程又找不到比较完整的用法,于是去官网看了下顺便弄过来翻译一下:选项可以通过数据属性或JavaScript传递。对于数据属性,附加选项名称data-,如 data-style=""或data-selected-text-format="count"selectid="selectoffice"class="selectpicker"multiple>optionvalue=''name=''li_key=''>valuesoption>...select> 
12