如何在一个输入元素上使用两个jQuery UI自动完成小部件？

Question

大家好我正在使用jQuery UI Autocomplete Widget，看起来像这样

/* autocomplete for city input */
$(function(){

$("#input_element").autocomplete({
source:"fetch_city_query.php",
minLength: 2
});
});

/* autocomplete for zip input */
$(function(){

$("#input_element").autocomplete({
source:"fetch_zip_query.php",
minLength: 2
});});

基本上我有一个输入元素，我希望用户输入邮政编码或城市名称，并根据输入，如果是数字，那么我想调用自动完成的zip输入和如果它非数字，那么我想调用城市自动完成。如何筛选输入并调用相应的自动完成功能？

Answer 1

您不应该附加两个自动完成元素，而应该使用事件来切换源。

http://jqueryui.com/demos/autocomplete/

查看搜索＆＃39;或者改变＆＃39;事件并尝试切换源。

注意 - 理想情况下，我建议你指向一个源，让服务器根据输入处理响应。