Search code examples
jquerycssbootstrap-4bulmabootstrap-select

Dropdown Live search in Bulma CSS framework

Is there any way i can also perform Live search in Drop-down while using the Bulma CSS framework.

As in Bootstrap there is a jquery plugin named as bootstrap-select which allows us to perform live search in drop-down. When I tried to use this plugin with bulma the whole layout scattered

I am beginner of Bulma. a little Help would be grateful

Solution

  • You may use selectize: https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.1/css/selectize.min.css To use the live search just use:

    $(function() {
  $('select').selectize();
});

    Here is a working fiddle