jQueryUI 如何实现Combobox功能

本人新手，最近需要在网页上实现一些交互，查了一些资料发现jQueryUI和jQueryEasyUI这两个用的比较多，感觉jQuery看着好看些就选了它，后来在使用过程中发现它竟然没有combobox组件，竟然没有.....没有.....不过已经入坑了，现在换又感觉有些麻烦。黄天不负有心人啊，看了一些前辈写的博客发现官网Autocomplete有个例子竟然实现了combobox，连接https://jqueryui.com/autocomplete/#combobox。

并且还有自动搜索功能，拷贝下来试试。。。感觉不错。“不过这是一个由 Autocomplete 和 Button 创建的自定义部件。您可以键入一些字符，来获得基于您的输入过滤的结果，或者使用按钮从完整列表中选择。该输入是从一个已有的 select 元素中读取，传递给带有自定义的 source 选项的 Autocomplete。这是一个不被支持的不完美的部件。这里纯粹是为了演示 autocomplete 定制功能”（参考https://www.runoob.com/jqueryui/example-autocomplete.html）。 大概意思就是这是一个拼凑出来的控件，不能完美支持。

 

不管支持如何，能实现想要的功能就可以，抱着这个态度遇到额第一个问题就是，这个控件的消息响应如何添加。之前做过pc端的软件，网页还是第一次接触，尝试了很长时候，最后发现在autocomplete中添加select即可，第一次接触这种函数式编程，很不适应啊。注意function中的参数，虽然其中的event没有使用，但一定也要添加，感觉应该是函数重载，这个后面再好好学学js的语法，不过这么使用没什么问题了。