Как получить оба значения из выпадающего меню бутстрапа

Question

Мне нужно создать поисковую систему, как на этом сайте: http://olx.co.id. он имеет три ключевых слова. Сначала выполняется поиск по элементу, второй - по городу, третий - по категориям. Пользователи могут выполнять поиск по ключевым словам, двум ключевым словам и трем ключевым словам. У меня не было идеи для этого. Вот мой код, но я не уверен, что он работает хорошо или нет.

<form method="GET" action="category-grid.php"> 
    <div class="control-group"> 
    <input type="text" name="search_item_" class="search-field" placeholder="Searching Item ..." /> 
     <ul class="categories-filter animate-dropdown"> 
      <li class="dropdown">  
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" >All Cities</button> 
       <ul class="dropdown-menu" role="menu" id="city" > 
       <li role="presentation"><a role="menuitem" tabindex="-1" >Jakarta</a></li> 
       <li role="presentation"><a role="menuitem" tabindex="-1" >Singapore</a></li> 
       <li role="presentation"><a role="menuitem" tabindex="-1" >Beijing</a></li> 
       </ul>     
      </li> 
     </ul> 

     <ul class="categories-filter animate-dropdown"> 
      <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">All Categories</a> 
       <ul class="dropdown-menu" role="menu" id="category"> 
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Car</a></li> 
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Motorcycle</a></li> 
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Property</a></li> 
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Industry</a></li> 
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Elektronic & Gadget</a></li> 
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Sport</a></li> 
       </ul> 
      </li> 
     </ul> 

     <a class="search-button" href="<?php echo base_url();?>search" ></a>  

        </div> 
       </form> 

мой вопрос заключается в том, как получить значение категории, если пользователь изменяет значение города или получить значение города, когда пользователь изменяет значение категории.

<script> 
var city; var category; var item=$('search_item').val(); 

$('#city li').on('click', function(){ 
    city = $(this).text(); 

    if(category == "") window.location.assign('<?php echo base_url()?>index.php/searching/'+city); 
    else window.location.assign('<?php echo base_url()?>index.php/searching/'+city+'/'+category); 
}); 
$('#category li').on('click',function(){ 
    $category = $(this).text(); 

    if(city == "") window.location.assign('<?php echo base_url()?>index.php/searching/'+category); 
    else window.location.assign('<?php echo base_url()?>index.php/searching/'+lokasi+'/'+kategori); 
}); 
<script> 

Спасибо за все комментарии и ответы

Answer 1

Я хотел бы предложить вам использовать Apache Solr, это Java на базе поисковой системы. Я думаю, что woud работает очень хорошо со сценарием, который вы хотите.

tutorial

download

Это только мое предположение. Если вам нравится попробовать.