"astoria_search_filters_1"
Bootstrap 3.1.0 Snippet by exquisitesite

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-xs-8 col-xs-offset-2"> <div class="input-group input-group-lg"> <div class="input-group-btn search-panel"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <span id="search_concept">Все объекты</span> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#contains">Однокомнатные квартиры</a></li> <li><a href="#its_equal">Двухкомнатные квартиры</a></li> <li><a href="#greather_than">Новостройки</a></li> <li><a href="#less_than">Less than < </a></li> <li class="divider"></li> <li><a href="#all">Anything</a></li> </ul> </div> <input type="hidden" name="search_param" value="all" id="search_param"> <input type="text" class="form-control" name="x" placeholder="Введите название улицы..."> <span class="input-group-btn"> <button class="btn btn-danger" type="button">Найти</button> </span> </div> </div> </div> </div>
body{ margin-top:20px; } * { border-radius: 0 !important; -moz-border-radius: 0 !important; } * { font-family: Arial, Tahoma, Calibri, sans serif !important; }
$(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); }); });

Related: See More


Questions / Comments: