ja używamAjax Autocomplete for Jquery ( http://www.devbridge.com/projects/autocomplete/jquery/ ) w jednej z moich aplikacji. Formularz wyszukiwania wygląda mniej więcej tak:

<form id="topsearch" method="POST" action="/searchAll"><input type="text" class="searchform" name="q" id="q" value="Country, City, Hotel or a Tourist Attraction" o    nfocus="clearInput(this);" onblur="defaultInput(this);" />
  <select id="top_search_select" name="entity_type">
     <option value="country">Countries</option>
     <option value="city">Cities</option>
     <option value="place" selected="selected">Tourist Attractions</option>
     <option value="hotel">Hotels</option>
  </select>
  <input type="submit" name="topsearch" class="submit" value="SEARCH" title="SEARCH"/>
</form>

a konfiguracja autouzupełniania wygląda tak:

<script type="text/javascript">
 //<![CDATA[
   var a = $('#q').autocomplete({
     serviceUrl:'/search',
     delimiter: /(,|;)\s*/, // regex or character
     maxHeight:400,
     width:325,
     zIndex: 9999,
     params: {entity_type:$('#top_search_select').val()},
     deferRequestBy: 0, //miliseconds
     noCache: false, //default is false, set to true to disable caching
     onSelect: function(value, data){window.location.replace(data);},
   });
 //]]>
</script>

Teraz problem jest w backendie Mam różne procedury obsługi, które generują wyniki dla różnych typów jednostek, które użytkownik wybrałby za pomocą opcji select w formularzu.

Domyślnieentity_type jestplace który jest przekazywany w porządku do obsługi w backend. Chcę jednak, aby osoba wybrała inny obiekt z pola wyboru w formularzuparams: {entity_type:$('#top_search_select').val()} w skrypcie konfiguracja również jest aktualizowana.

Każda pomoc lub pomysły będą bardzo mile widziane. Dzięki.