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 相关文章推荐
php中支持多种编码的中文字符串截取函数!
Mar 20 PHP
用穿越火线快速入门php面向对象
Feb 22 PHP
PHP中几个常用的魔术常量
Feb 23 PHP
php的array_multisort()使用方法介绍
May 16 PHP
基于php socket(fsockopen)的应用实例分析
Jun 02 PHP
ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法
Oct 30 PHP
PHP调用wsdl文件类型的接口代码分享
Nov 19 PHP
Laravel模板引擎Blade中section的一些标签的区别介绍
Feb 10 PHP
PHP的文件操作与算法实现的面试题示例
Aug 10 PHP
php+ajax无刷新分页实例详解
Dec 07 PHP
php文件上传的两种实现方法
Apr 04 PHP
PHP编程实现脚本异步执行的方法
Aug 09 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函数的常用方法及注意之处小结
2011/07/10 PHP
php实现监听事件
2013/11/06 PHP
php根据日期显示所在星座的方法
2015/07/13 PHP
基于PHP实现通过照片获取ip地址
2016/04/26 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
让div层随鼠标移动的实现代码 ie ff
2009/12/18 Javascript
JavaScript插入动态样式实现代码
2012/02/22 Javascript
使用jquery动态加载js文件的方法
2014/12/24 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
JS控制静态页面传递参数并获取参数应用
2016/08/10 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
2017/07/19 jQuery
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
vue组件的写法汇总
2018/04/12 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
Vue中的验证登录状态的实现方法
2019/03/09 Javascript
基于 jQuery 实现键盘事件监听控件
2019/04/04 jQuery
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
Python卸载模块的方法汇总
2016/06/07 Python
在python中使用requests 模拟浏览器发送请求数据的方法
2018/12/26 Python
python 基于TCP协议的套接字编程详解
2019/06/29 Python
让Python脚本暂停执行的几种方法(小结)
2019/07/11 Python
如何使用python切换hosts文件
2020/04/29 Python
基于python实现操作git过程代码解析
2020/07/27 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
2018/11/30 HTML / CSS
介绍一下gcc特性
2015/10/31 面试题
大学生物业管理求职信
2013/10/24 职场文书
生产经理的自我评价分享
2013/11/07 职场文书
公司保密管理制度
2015/08/04 职场文书
离婚协议书格式范本
2016/03/18 职场文书
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang
MySQL 原理与优化之Limit 查询优化
2022/08/14 MySQL