bootstrap amazon style search bar

Question

Is there an easy way to do something similar to this in bootstrap? A search bar with a drop down selector for a different category? I\'ve been looking through their documentatio

Answer 1

Please, refer this it satisfied your requirement HTML:

    
    
        

            

                

                    
                        Filter by 
                    
                    

                      
Contains
                      
It's equal
                      
Greather than >
                      
Less than < 
                      

                      
Anything
                    
                
                         
                
                
                    
                
            
        
    

CSS:

body{
    margin-top:20px;
}

JS:

$(document).ready(function(e){
    $('.search-panel .dropdown-menu').find('a').click(function(e) {
        e.preventDefault();
        var param = $(this).attr("href").replace("#","");
        var concept = $(this).text();
        $('.search-panel span#search_concept').text(concept);
        $('.input-group #search_param').val(param);
    });
});

Refer this link http://bootsnipp.com/snippets/featured/search-panel-with-filters