jQuery UI - 自动完成源依赖于不同输入中的选定选项

Question

我想使用jquery-ui.min.js中的Autocomplete脚本。所以在代码中我有：

<select id="country"><option value="">Choice one</option>
<option value="1">US</option>
<option value="2">UK</option></select>
<input type="text" id="city" >

脚本：

<script>
$(function() {
  var US= ["City1", "City2", "City3"];
  var UK= ["UK_City1", "UK_City2", "UK_City3"];
  $("#city").autocomplete({  
  source: US  
  });
}); 
</script>

问题是如何根据Select ID =“Country”中的用户选择文本更改源？这也是这个脚本：http://jsbin.com/adopo3/35/edit

Answer 1

最简单的方法是使用option method来更改来源。我修改了您的示例代码以说明它here。

另一种方法是为source选项提供回调函数。见here