Converting a drop down list into Bootstrap

Hi
I have the following DDL:
<ul id="buttons">
      <label for="activities">Activity</label>      
      <select id="activities" onChange="setMarkers();">
        <option value="venues">Venues</option>
        <option value="bikes">Bikes</option>        
        <option value="all" selected="selected">show all</option>
      </select>
      <label for="prices">Prices</label>  
      <select id="prices" onChange="setMarkers();">
        <option value="0">0</option>
        <option value="< 5">< 5</option>
        <option value="> 5">> 5</option>
        <option value="< 10">< 10</option>
        <option value="> 10">> 10</option>
        <option value="all" selected="selected">show all</option>
      </select>
   </ul> 

Open in new window


I want to make this look good by using the bootstrap framework but I haven't been able to find any information on how I can build a drop down list with HTML that will do the same as the above... adding value="" doesn't appear to work!

thanks
lz7cjcAsked:
Who is Participating?
 
Tom BeckConnect With a Mentor Commented:
A jsfiddle sample using your list. I included an example of how you might capture selections.

http://jsfiddle.net/tommyBoy/zxjnL990/
0
 
lenamtlCommented:
Hi,
See the Bootstrap documentation about dropdown:
http://getbootstrap.com/components/#btn-dropdowns
and this require the javascript http://getbootstrap.com/javascript/#dropdowns

Here is an few example: http://bootsnipp.com/snippets/featured/button-dropdown-select

you can use data-value="myvalue"
0
 
lz7cjcAuthor Commented:
fantastic - thanks v much
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.