PHP中模糊查询并关联三个select框


Posted in PHP onJune 19, 2017

1.在php中我们经常用到下拉框,并相互关联,如果下拉框的option非常多,那么我们就要用到模糊搜索功能,那么怎么做呢?

在此功能中,走了弯路,最好不要关联两个select的id值后select属性选中,并不可修改。再次选择的时候去除属性,这样在去除select属性的时候存在火狐和google js兼容的问题。很容易出现不对应或者属性不能去除的情况,且功能麻烦。另外在后台一定要判断两者的对应关系。(在后台比对两者的对应关系的时候,要去数据库查询,找到企业的id,去数据库查询担保公司的id比对。不要用前台取到担保公司的id值)。

2.样式:

PHP中模糊查询并关联三个select框

相互关联,如果有担保公司则下拉框只显示一个担保公司,其他不显示,若没有,全部显示,让管理员选择。

PHP中模糊查询并关联三个select框

3.我们知道select下拉框是不允许有搜索框的,也无法写一个input搜索框进去,这样我们只能借助插件来实现,把select框转换成ul li ,非常好用的插件:select2.

4.正常的在后台数据库获取数据,赋值;并引入select2插件即可。注意,和select2插件有关的css文件也要引入,有的css问价和js为封装好的,样式自己改。

PHP中模糊查询并关联三个select框

PHP中模糊查询并关联三个select框

 5. 样式增加:

PHP中模糊查询并关联三个select框

.select2-results__option[aria-selected] {
    cursor: pointer;
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    font-size:14px;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 280px;
    overflow-y: auto;
}

6. 下拉框之间的相互关联:

PHP中模糊查询并关联三个select框

7.

PHP中模糊查询并关联三个select框

8. js处理:获取隐藏的select值,重新组建select option(注意:select被隐藏后,他的值依然存在,并可利用)

PHP中模糊查询并关联三个select框

PHP中模糊查询并关联三个select框

以上所述是小编给大家介绍的PHP中模糊查询并关联三个select框,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
配置支持SSI
Nov 25 PHP
php类
Nov 27 PHP
PHP Stream_*系列函数
Aug 01 PHP
php&mysql 日期操作小记
Feb 27 PHP
如何给phpcms v9增加类似于phpcms 2008中的关键词表
Jul 01 PHP
PHP使用header()输出图片缓存实例
Dec 09 PHP
PHP利用APC模块实现文件上传进度条的方法
Jan 26 PHP
PHP的伪随机数与真随机数详解
May 27 PHP
PHP生成各种常见验证码和Ajax验证过程
Jan 10 PHP
php模式设计之观察者模式应用实例分析
Sep 25 PHP
浅谈thinkphp的nginx配置,以及重写隐藏index.php入口文件方法
Oct 12 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
Apr 04 PHP
在laravel中使用Symfony的Crawler组件分析HTML
Jun 19 #PHP
Laravel给生产环境添加监听事件(SQL日志监听)
Jun 19 #PHP
Yii 2.0自带的验证码使用经验分享
Jun 19 #PHP
PHP实现下载远程图片保存到本地的方法
Jun 19 #PHP
Yii2 如何在modules中添加验证码的方法
Jun 19 #PHP
PHP实现的简单操作SQLite数据库类与用法示例
Jun 19 #PHP
JS+PHP实现用户输入数字后显示最大的值及所在位置
Jun 19 #PHP
You might like
无数据库的详细域名查询程序PHP版(5)
2006/10/09 PHP
php如何连接sql server
2015/10/16 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
nodejs的10个性能优化技巧
2014/07/15 NodeJs
整理Javascript函数学习笔记
2015/12/01 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
使用JS 插件qrcode.js生成二维码功能
2017/02/20 Javascript
javascript编程实现栈的方法详解【经典数据结构】
2017/04/11 Javascript
JavaScript Canvas绘制圆形时钟效果
2020/08/20 Javascript
js实现城市级联菜单的2种方法
2017/06/23 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
深入理解vue-router之keep-alive
2017/08/31 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
Mac下安装vue
2018/04/11 Javascript
React注册倒计时功能的实现
2018/09/06 Javascript
Python中使用logging模块打印log日志详解
2015/04/05 Python
Python实现身份证号码解析
2015/09/01 Python
python list排序的两种方法及实例讲解
2017/03/20 Python
Python实战小程序利用matplotlib模块画图代码分享
2017/12/09 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
Python PyQt4实现QQ抽屉效果
2018/04/20 Python
用python写一个定时提醒程序的实现代码
2019/07/22 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
Python基于pygame实现单机版五子棋对战
2019/12/26 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
python实现文件分片上传的接口自动化
2020/11/19 Python
Html5之title吸顶功能
2018/06/04 HTML / CSS
精选奢华:THE LIST
2019/09/05 全球购物
ASP.NET中的身份验证有那些
2012/07/13 面试题
介绍一下Java中的static关键字
2012/05/12 面试题
外贸业务员岗位职责
2013/11/24 职场文书
学习型家庭事迹材料
2014/12/20 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
年底个人总结范文
2015/03/10 职场文书