Autocompletar Ajax para JQuery: Como Enviar Parâmetros Dinâmicos
estou usandoAjax Autocomplete for Jquery
( http://www.devbridge.com/projects/autocomplete/jquery/ ) em uma das minhas aplicações. O formulário de pesquisa é algo como isto:
<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>
e a configuração de autocomplete é assim:
<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>
Agora o problema é que no backend eu tenho manipuladores diferentes que geram resultados para diferentes tipos de entidades que o usuário escolheria através da opção de seleção no formulário.
Por padrãoentity_type
éplace
que está sendo passado muito bem para o manipulador no backend. No entanto, o que eu quero é quando uma pessoa seleciona uma entidade diferente da caixa de seleção no formulárioparams: {entity_type:$('#top_search_select').val()}
na configuração do script também é atualizado.
Qualquer ajuda ou idéias serão muito apreciadas. Obrigado.