网页下拉框往往需要一些个性化的定制,这个时候用JQuery中的Autocomplete就会出现许多比较复杂的情况,今天这个案例可以说是比较全面地应用到了Autocomplete中的各种参数和选项,值得记录一下。
需求
①页面中有多个并列的input (type=”text”) 控件,控件动态生成,只有类名标识(.txtName)
②这些控件的数据源相同,当其中一个控件选择一项后,其他控件就不能选择相同项
③出现下拉列表后,可以使用鼠标点击、方向键加Enter或Tab键,这3种方式选择,并且选择后,光标移动到文本最左侧
④页面初始化后,可能在一部分文本框有默认值,这取决于数据源
⑤用户输入错误数据时能提示并强制定位到该数据上