PHP+jQuery实现自动补全功能源码

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了PHP+jQuery实现自动补全功能源码脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

前面手工写了一个下拉自动补全功能,写的简单,只实现了鼠标选择的功能不支持键盘选择。由于项目很多地方要用到这个功能,所以需要用心做一下。发现Select2这个插件功能可以满足当前需求。在使用jquery插件select2的过程中遇到了一些疑惑,无论是穿json数据还是通过jsonp方式取数据,都能够正确返回。可是下拉列表中的条目却不能被选中,对鼠标和键盘选择都无效。后来发现,select2插件在实现选中时是以数据中的id字段为准的。所以不管是json还是jsonp,ajax返回的数据都必须拥有id字段。如果实际数据库中不存在这样的id,也可以人为构造一个,但是要保证id的唯一性。

这里列出模板文件try_DIY.tpl的


其中colum输入框是插件作用的地方,但其返回的值是id,当页面提交后我们需要把用户选择的版块重新呈现给用户,我的做法是根据表单提交的id查询对应的版面名称name,当控制器收到id值且非空的时候,把版块id对应的名称name值同时呈现到页面显示出来。由于select2插件是把name名称放在构造的<div id="s2id_colum">

脚本宝典总结

以上是脚本宝典为你收集整理的PHP+jQuery实现自动补全功能源码全部内容,希望文章能够帮你解决PHP+jQuery实现自动补全功能源码所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。