How to use SELECT tool


#1

Hi guys,

I need to have an input with a multi-choices in it…

I don’t know if my question is correct, BUT how to merge both(mentioned below) functions together??

First

Second

Dropdown
Link 1 Link 2 Link 3

#2

you need to use bootstraps css and javascript library to do this.

thank, hard code your menu like this :
<ul class="dropdown-menu" role="menu">
<li><a href="#">Item 1</a></li>
<li><a href="#">Another item</a></li>
<li><a href="#">This is a longer item that will not fit properly</a></li>
</ul>

Then use javascript to carry out a juction when that particular html element is clicked:

   $( document.body ).on( 'click', '.dropdown-menu li', function( event ) {
          var $target = $( event.currentTarget );
          $target.closest( '.btn-group' )
             .find( '[data-bind="label"]' ).text( $target.text() )
                .end()
             .children( '.dropdown-toggle' ).dropdown( 'toggle' );
          return false;
       });

Here is a jsfiddle that will help you out.


#3

Thanks a lot, I solved the problem by another way, since I don’t know how to connect my index with a javascript file !!! :frowning: