php中模糊查询并关联三个select框实例代码
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了php中模糊查询并关联三个select框实例代码,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1492字,纯文字阅读大概需要3分钟。
内容图文
![php中模糊查询并关联三个select框实例代码](/upload/InfoBanner/zyjiaocheng/144/79fd035434f34937b42975ff8f88617e.jpg)
1.在php中我们经常用到下拉框,并相互关联,如果下拉框的option非常多,那么我们就要用到模糊搜索功能,那么怎么做呢?
在此功能中,走了弯路,最好不要关联两个select的id值后select属性选中,并不可修改。再次选择的时候去除属性,这样在去除select属性的时候存在火狐和google js兼容的问题。很容易出现不对应或者属性不能去除的情况,且功能麻烦。另外在后台一定要判断两者的对应关系。(在后台比对两者的对应关系的时候,要去数据库查询,找到企业的id,去数据库查询担保公司的id比对。不要用前台取到担保公司的id值)。
2.样式:
相互关联,如果有担保公司则下拉框只显示一个担保公司,其他不显示,若没有,全部显示,让管理员选择。
3.我们知道select下拉框是不允许有搜索框的,也无法写一个input搜索框进去,这样我们只能借助插件来实现,把select框转换成ul li ,非常好用的插件:select2.
4.正常的在后台数据库获取数据,赋值;并引入select2插件即可。注意,和select2插件有关的css文件也要引入,有的css问价和js为封装好的,样式自己改。
5. 样式增加:
.select2-resultsoption[aria-selected] { cursor: pointer; font-size: 14px; } .select2-container--default .select2-selection--single .select2-selectionrendered { color: #444; line-height: 28px; font-size:14px; } .select2-container--default .select2-results > .select2-resultsoptions { max-height: 280px; overflow-y: auto; }
6. 下拉框之间的相互关联:
7.
8. js处理:获取隐藏的select值,重新组建select option(注意:select被隐藏后,他的值依然存在,并可利用)
以上就是php中模糊查询并关联三个select框实例代码的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的php中模糊查询并关联三个select框实例代码全部内容,希望文章能够帮你解决php中模糊查询并关联三个select框实例代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。