Tag: bootstrap select

Bootstrap-select插件：如何避免闪烁: Bootsrap-select插件很棒（ http://silviomoreto.github.io/bootstrap-select/ ）。它提供了一种在Bootstrap中创建华丽选择菜单的简单方法。然而，我遇到的一个问题是页面加载时“闪烁”。我的意思是相当直接的：页面加载原始HTML选择元素（当然看起来像垃圾） Bootstrap-select插件JS运行在页面加载后的某个明显时间，原始HTML select元素在步骤（2）中被JS转换为一个很好的Bootstrap-select元素。因此，用户首先看到HTML select元素，然后看到它切换到漂亮的Bootstrap-select项，因此“闪烁”。有谁找到了解决问题的好方法？

如何通过ickeck复选框启用/禁用bootstrap selectpicker: checkbox旁边有selectpicker 。我想如果复选框被选中，selectpicker将被启用，如果未选中，则selectpicker将被禁用。我写了这个不起作用（这是小提琴）： $(‘.checkBox’).on(‘ifChecked’, function(event) { $(this).parents(‘.clearfix’).find(‘.selectpicker’).removeAttr(‘disabled’); }); $(‘.checkBox’).on(‘ifUnchecked’, function(event) { $(this).parents(‘.clearfix’).find(‘.selectpicker’).attr(‘disabled’); });

Bootstrap Select – 重新初始化动态添加的元素: 我正在使用Bootstrap Select（ http://silviomoreto.github.io/bootstrap-select/ ）显示我网站每个部分的Font-Awesome图标下拉列表。我添加了添加新部分的function – 当点击添加按钮时，会添加一个新部分（上一部分的副本）。在本节中，Bootstrap Select不起作用。我尝试重新开发它，如： var select = $(‘[name=”section[‘+ numbersection +’][section_icon]”]’); $(select).selectpicker(‘destroy’); $(select).selectpicker({ showIcon: false }); 但这不起作用，因为detroy方法似乎没有触发。有没有办法在动态添加的元素上重新启动Bootstrap Select？

input-group-addon with bootstrap-select: 我尝试使用带有bootstrap-select的 Label 2 ，但它看起来与bootstrap （ Label 1 ）不同。如何让下面代码中的两个标签看起来一样？ Test Labe 1 GO! Label 2 Hot Dog, Fries and a Soda Burger, Shake and a Smile Sugar, Spice and all things nice Baby Back Ribs A really really long option made to illustrate an issue with the live search in an inline form $(‘.selectpicker’).selectpicker();

单击按钮后如何重置Bootstrap-select的值: 我正在使用Bootstrap-select插件（ https://silviomoreto.github.io/bootstrap-select/ ）作为我的下拉选择框。单击按钮后，我想要刷新框并重置“选中”选项。这是下拉列表 Default One Two Three 这是我的尝试，不起作用。关于它应该如何的任何想法？ $(“#dataPicker option:selected”).val(‘default’); $(“#dataPicker”).selectpicker(“refresh”);

Bootstrap-select on click get clicked value: 我正在使用jQuery插件： bootstrap-select.js我的HTML是select（multiple） – >选项。当用户选择或取消选择该选项时，我想获取当前单击的选项值。示例：用户选择项目4 = console.log项目4.然后用户还选择项目2 = console.log项目2.目前我正在获取项目4，项目2 …它们总是在数组中而不是个体。我的最终目标是根据用户选择的内容显示和隐藏页面上的div。将有多个选择选项字段。 HTML代码： 2″> Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 JS代码： $(“select#team”).on(“change”, function(value){ var This = $(this); var selectedD = $(this).val(); console.log(selectedD); }); 当前输出： [“item 1”, “item 3”, “item 4”, “item 5”] 插件站点： bootstrap-select

AJax不能与bootstrap-select一起使用: 我找到了flask-jquery-ajax示例，其中用户从车辆“Make”下拉菜单中选择项目，通过对所选择的make的模型列表发出AJAX请求来填充车辆“Model”下拉菜单。我试图通过bootstrap-select替换下拉菜单，只要我在第二个下拉菜单中包含class =“selectpicker form-control” ，它就会在选择第一个下拉菜单后再填充它。这是HTML模板： Flask Jquery AJAX Drop Down Menu Example Select Vehicle Make: {{ form.make(id=”make_select”, class=”selectpicker form-control”) }} Model: {{ form.model(id=”model_select”, class=”selectpicker form-control”) }} Submit {% if chosen_make %} You selected: Make ID: {{ chosen_make }} Model ID: {{ chosen_model }} {% endif %} $(‘.selectpicker’).selectpicker(); 这是负责填充下拉菜单的JavaScript 代码： $(“#make_select”).change(function() { var […]