Questions tagged [bootstrap-selectpicker]

Use this when referring to Bootstrap-select by Silvio Moreto. This is a jQuery plugin that utilizes Bootstrap's dropdown.js to style and bring additional functionality to standard select elements.

website

https://silviomoreto.github.io/bootstrap-select/

github

https://github.com/silviomoreto/bootstrap-select

syntax

$('.selectpicker').selectpicker({
  style: 'btn-info',
  size: 4
});

screenshot

enter image description here

326 questions
0
votes
1 answer

On state change jquery stop working in angularjs

Hy everyone. i am developing an app using anguarjs with ui.router. The problem i am facing is that when my application starts everything works just fine but when i navigate the page from header my jquery plugin stop working. Here is my…
0
votes
1 answer

Spring MVC + bootstrap-select multiple

How can I use Spring MVC 3.2.3 with bootstrap selectpicker properly? I create selectpicker in JSP: ...
0
votes
1 answer

jqBootstrapValidation for at least two options in multiple select

I am using bootstrap-select in order to require the user to input at least two items from a specific category and gets prompted through ajax with the error if only one selected or none. However, jqBootstrapValidation does not have support for…
0
votes
1 answer

PHP contact form not sending 'selectpicker' data

I'm trying to make my contact form send the selected option from the select menu. All of the input data is sending (name, phone, email, suburb, post code) but just not the select option (state). The php_errorlog returns nothing from what I can…
0
votes
2 answers

Trying to set data-live-search to select-picker

selectpicker $('.selectpicker').selectpicker(); $("#s1").addClass("btn-sm"); //set to current value$("#s1").selectpicker('val', picker[0]["f_name"]); $("#s1").selectpicker("refresh"); select picker css
roh
  • 19
  • 1
  • 1
  • 5
0
votes
0 answers

bootstrap selectpicker load slow with large data

I am using selectpicker with 1.12.1 version. when i try to load more then 1000 records it will take time to load once click. Below code i am using to bind dropdown. $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url:…
Purvesh Desai
  • 1,797
  • 2
  • 15
  • 39
0
votes
3 answers

How to display bootstrap selectpicker in center not text?

I am using bootstrap selectpicker.I have to display selectpicker select drop down in center of the popup but I don't want to center the text inside the select drop down.I am able to display the button but not select drop down.Would you help me in…
Naren Verma
  • 2,205
  • 5
  • 38
  • 95
0
votes
2 answers

Angular 2 - selectpicker and datatables not initialising properly after switching routes

So here's what my page looks like when you first load it. After switching, it looks like this. This is code for this weirdly broken part: ngOnInit(): void { $(document).ready(function() { ($("#the_table")).DataTable(); …
A. L
  • 11,695
  • 23
  • 85
  • 163
0
votes
0 answers

Bootstrap select not working when adding another select box

I am fairly new to JQuery/Bootstrap-Select plugin and I have been going around in circles regarding adding multiple select boxes when clicking the Add button: I am using Bootstrap v3.3.5, jQuery v2.1.4 and Bootstrap-select v1.11.2. The following is…
0
votes
3 answers

bootstrap-select select/deselect all option click can't firing event?

This is probably an easy question, but I can't find an answer anywhere or get it to work. I'm using http://silviomoreto.github.io/bootstrap-select/ plugin. How can I fire an event when product items select all/deselect all? I have tried with jquery…
Emdadul Huq
  • 45
  • 1
  • 3
  • 8
0
votes
1 answer

Set multiple SelectList values on PostBack

I have a form that contains a multiple selectlist and I also use bootstrap selectpicker with this. code: model: [Display(Name = "SystemTyp")] [Required(ErrorMessage = "Vänligen välj typ")] public List SystemTypes { get;…
ThunD3eR
  • 3,216
  • 5
  • 50
  • 94
0
votes
3 answers

Bootstrap Selectpicker no working on Blogger

I am adding the HTML/Javascript Gadget and adding the code: HTML OPTION 1