Bootstrap Selectpicker problems

Question

I'm trying to use this selectpicker for form selects and options, but can't get it to work.

I've added the following scripts and css as specified:

    <script type="text/javascript">
    $('.selectpicker').selectpicker({
      });
    </script>

<script src="/js/Bootstrap/Select/bootstrap-select.js"></script>

html for the 1st greyed out select in the search bar:

<select class="selectpicker" id="searchType" name="searchtype" onchange="this.form.submit()">
            <option value="All">All</option>
            <option value="Businesses">Businesses</option>
            <option value="Events">Events</option>
            <option value="News">News</option>
            <option value="Lifestyle">Lifestyle</option>

        </select>

Any ideas appreciated.

Answer 1

Please be sure that you included all the required files or You may have to rearrange the code like :

<script src="/js/Bootstrap/Select/bootstrap-select.js"></script>

<script type="text/javascript">
    $('.selectpicker').selectpicker({
      });
</script>

You need to include the js first then call the the plugin. Check this fiddle, its working for me : http://jsfiddle.net/tejashsoni111/RUAS4/

Answer 2

.selectpicker() is a function defined under bootstrap-select lib and not in core bootstrap library,hence you need to include that library as well

//silviomoreto.github.io/bootstrap-select/javascripts/bootstrap-select.js

//silviomoreto.github.io/bootstrap-select/stylesheets/bootstrap-select.css

HTML:

 <select class="selectpicker" id="searchType" name="searchtype" onchange="this.form.submit()">
  <option value="All">All</option>
  <option value="Businesses">Businesses</option>
  <option value="Events">Events</option>
  <option value="News">News</option>
  <option value="Lifestyle">Lifestyle</option>
 </select>

JQUERY CODE:

$('.selectpicker').selectpicker();

Here is a Live Demo of select picker function :

http://jsfiddle.net/dreamweiver/2a9xp/13/

Happy Coding :)

Answer 3

In case anyone using Rails is experiencing a similar problem - the issue was arising from the existence of the precompiled assets for the AWS deployment that were lingering in my local environment.

Deleting YourRailsApp/public/assets solved the issue for me.