14-解决方案

11.3.2　解决方案

jQuery UI autocomplete窗口组件（http://jquery-cookbook.com/go/widget-autocomplete）能够解决选择列表所无法解决的多种问题。在最简单的情况下，显示数据存储在一个JavaScript数组中：

<label for="month">Select a month:</label>
<input id="month" name="month" />
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July',
'August', 'September', 'October', 'November', 'December'];
$("#month").autocomplete({
　　 source: months
});

这里对月份输入应用了自动补全插件，数据在一个普通的JavaScript数组中。

当数据不存在于客户端时，插件可以从服务器端资源获得数据：

$("#month").autocomplete({
　　 source: "addresses.php"
});

然后，插件向服务器端资源发送一个GET请求，在 q 参数中附加用户输入的值，如 addresses.php?q=ma 。插件预期的响应是以换行符分隔的值列表：

Mainstreet
Mallstreet
Marketstreet