Tag: bootstrap select

Bootstrap-select DropDownList未显示

我有一个bootstrap-selectcombobox，我在ajax调用Html中填充数据： Ajax调用： var gemeenteLijst = []; var GetGemeentes = function () { $.ajax({ type: “GET”, dataType: “json”, url: ‘https://localhost::blabla’, contentType: “application/json; charset=utf-8”, success: function (data) { var test = document.getElementById(“selectGemeente1”); data.forEach(function (item) { var opt = document.createElement(“option”); opt.value = item.GemeenteId; opt.innerHTML = item.Naam; test.appendChild(opt); }); }, error: function (xhr, status, error) { alert(xhr.responseText); } }); […]

Bootstrap-Select插件无法使用耗时的页面加载

我正在使用silviomoreto的bootstrap select插件。 我在ASP.Net MVC应用程序中使用它。 我正在使用show tick选项。 代码是这样的。 setTimeout(function () { $(‘#ddlSortBy’).selectpicker({ ‘selectedText’: ‘Select’ } }); }, 200); 问题是如果没有我的应用程序中的settimeout方法，此插件无法正常工作。 我必须在settimeout方法和document.ready方法中附加此插件。 然而，有些时候，当页面加载花费超过200毫秒时，我发现插件应用于html选择但是单击select中的项目不起作用。 所以我必须增加附加然后它的工作的超时。 但理想情况下，一旦附加到html选择元素，它应该有效。

如何在具有多个值的Bootstrap-select中动态选择

如果我的值是1,3,4，使用jQuery，如何在Bootstrap- select中动态选择多个值？ 这是我的选择： red orange green blue

关闭bootstrap-select / select2的自动对焦function

http://www.bootply.com/YAQrE52K6X $(“#dataCombo”).selectpicker({ multiple:true }); Multiple Select One Two Three Four Five Six 我想关闭自动对焦，因此输入不会要求我在单击下拉列表后立即搜索。 试图使用.blur等……但到目前为止还没有。 寻找解决方案。 由于同样的问题，从“select2”移动使用“bootstrap-select”。 设备上的键盘显示为覆盖多个下拉项目

bootstrap-select与JQuery slimscroll显示错误

我目前正在使用boostrap-select 1.12.2插件来显示一些filter小部件。 小部件显示在页面左侧，并动态添加。 小部件列表可能很长（20多个filter），所以我使用JQuery slimScroll 1.3.8在可滚动的div中显示它们。 当selectpicker中的选项很小时，它工作正常，但是当选项很长时，它们无法正确显示： 而我想有这个（当slimScroll被禁用时获得）： 我想这只是一些css溢出问题，但我无法找到解决这个问题的方法……这是一支笔，展示了这个问题： codepen HTML： load JS： $(‘#content’).slimScroll({ height: ‘550px’ }); function loadWidget() { var options = ‘very long option text that doesnt fit in selectpickeryet another option’; var html = ‘randomLabel’ + options + ”; $(‘#parent’).html(html); $(‘#SQ’).selectpicker(‘refresh’); }

加载Bootstrap的问题通过Ajax Post选择选项

使用Bootstrap 3和Bootstrap-Select插件我试图从数据库加载ajax选择下拉列表的选项。当我从select元素中移除select picker lass但是使用该类时，代码工作正常（需要使用bootstrap select）它没有加载任何选项。 Select From The List $(‘.btn-group .btn’).click(function(){ $.post( ‘con/animalList.php’, { selType : this.id }, function(data) { $(‘#arearesults’).html(data); } ); }); 我已经测试了bootstrap select插件，它也在独立模式下工作（硬编码）。 你可以告诉我为什么会这样，以及如何解决这个问题？ 谢谢

扩展bootstrap select插件

在我之前的问题中，我在谈论bootstrap select插件，其中destroy方法正在做我不想要的事情。 我手动编辑插件，但这不是一个好习惯。 Bootstrap select destroy从DOM中删除原始选择 我想用自定义方法扩展插件，以便它可以完全按照我想要的方式执行。 我用以下方法扩展插件： $.extend(true, $.fn.selectpicker.prototype, { customRemove: function () { this.$newElement.remove(); this.$element.show(); } }); 它位于bootstrap select脚本文件下的另一个js文件中。 我该如何称呼这种新方法？ 我尝试了以下但没有成功： $(‘select#begin’ + _week + _day).selectpicker(“customRemove”); 要么 $(‘select#begin’ + _week + _day).selectpicker().customRemove(); 我错过了什么吗？ bootstrap select插件中destroy函数的原始方法： remove: function () { this.$newElement.remove(); this.$element.show(); }

Bootstrap select destroy从DOM中删除原始选择

我目前在我的一个项目中使用Bootstrap select插件。 我有一个动态生成的表，其中包含select元素，然后我使用以下命令将其转换为bootstrap select： _tr.find(‘select.selectpicker’).selectpicker({ size: 10 }); 其中_tr是我添加select元素的行。 这工作正常，显示bootstrap选择，在firebug中我仍然看到原始的select元素。 现在每一行都有一个按钮，用于删除（销毁）引导程序选择。 但它也删除了原始选择，这就是问题，因为我仍然需要原始选择来做其他事情。 我使用以下命令来销毁： $(‘select#begin’ + _week + _day).selectpicker(“destroy”); $(‘select#end’ + _week + _day).selectpicker(“destroy”); $(‘select#pause’ + _week + _day).selectpicker(“destroy”); 在其他插件中，如果使用destroy，它会再次显示原始元素。 这是boostrap选择插件中的问题还是有另一种方法可以删除引导程序选择并重新显示原始选择。

如何在bootstrap selectpicker中获取单击选项？

$(‘.excludeDaysPicker’).selectpicker(); 我有bootstrap selectpicker，启用了’multiple’选择选项。 Monday Tuesday Wednesday Thursday Friday Saturday Sunday 单击选择选项（选择或取消选择）后，我想知道单击了哪个选项。 我试过了。 $(‘.excludeDaysPicker’).on(‘change’,function(){ console.log(“id::”,$(this).children(‘:selected’).attr(‘id’)); }); 这实际上让我觉得自己。 但由于它是一个多选的启用选择器。 如果已经选择了一个选项。 返回该选项的id。 例如，在下面的屏幕截图中 如果我点击星期三，它给我id 2（因为星期二被选中），但实际上星期三的id是3.我想要我点击的选项元素的id。 而且我无法通过为选项元素提供一个类来获取选项元素，因为bootstrap selectpicker插件会为所有选项元素创建一个列表，如下所示。 所以， $(‘.excludeDays’).click(function() { console.log(“excluded day optionselected::”,$(this).attr(‘id’)); }); 也没有帮助。 男人们有办法吗？

.selectpicker不是一个函数

我正在尝试使用bootstrap-select并从javascript引用它，但我总是得到一个错误： .selectpicker is not a function 我读到的关于这个错误的一切都说我在适当的时候缺少或没有加载依赖，但是我对于我所缺少的东西感到茫然。 另外，当我尝试$(‘.selectpicker’).selectpicker();时，我得到了同样的错误$(‘.selectpicker’).selectpicker(); 从控制台，它告诉我，在所有内容加载之前，我的javascript运行不是问题。 这是我页面的相关部分： … … … $(document).ready(function () { $(‘.selectpicker’).selectpicker(); });