jQuery城市下拉菜单选择功能实现

jQuery 的 input 城市下拉菜单功能，挺适合表单里用的。你只需要一个输入框，加上隐藏的标签，配合 jQuery 监听用户输入，实时筛选匹配的城市选项。用户一选中，值就自动填回文本框，交互自然还不容易出错。适合那些做地址填写、注册页面的时候用，能省不少事。

代码结构也清爽，keyup监听+val()获取输入+option筛选，逻辑简单，响应还快。要是城市列表太长，可以考虑后台动态加载一下，不然写死在 HTML 里会比较难维护。

另外，建议你加点键盘事件，支持方向键和回车选择，用户体验会更顺滑。还有，搞个清除按钮也不错，输入错了能一键清空，省得来回删。

，这段代码实用性蛮高的。如果你正好要做城市选择的功能，拿去改改就能直接用了。想看更多类似下拉交互的东西，可以看看下面几个链接，都是一类的写法。

下载地址

用户评论

更多下载

下载地址

立即下载

用户评论