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 木马攻击防御技巧
Jun 13 PHP
封装一个PDO数据库操作类代码
Sep 09 PHP
php中日期加减法运算实现代码
Dec 08 PHP
PHP用星号隐藏部份用户名、身份证、IP、手机号等实例
Apr 08 PHP
mysql_escape_string()函数用法分析
Apr 25 PHP
php外部执行命令函数用法小结
Oct 11 PHP
Laravel中日期时间处理包Carbon的简单使用
Sep 21 PHP
ThinkPHP like模糊查询,like多匹配查询,between查询,in查询,一般查询书写方法
Sep 26 PHP
PHP strripos函数用法总结
Feb 11 PHP
PHP简单验证码功能机制实例详解
Mar 27 PHP
TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
May 29 PHP
ThinkPHP5.0框架实现切换数据库的方法分析
Oct 30 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.ini以达到屏蔽错误信息并记录日志
2013/06/16 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
使用ltrace工具跟踪PHP库函数调用的方法
2016/04/25 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
js 数组操作代码集锦
2009/04/28 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
2013/12/30 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
JS判断当前页面是否在微信浏览器打开的方法
2015/12/08 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
Bootstrap表单制作代码
2017/03/17 Javascript
微信小程序 开发之全局配置
2017/05/05 Javascript
详解AngularJS脏检查机制及$timeout的妙用
2017/06/19 Javascript
JavaScript原型链与继承操作实例总结
2018/08/24 Javascript
css配合JavaScript实现tab标签切换效果
2018/10/11 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
countUp.js实现数字滚动效果
2019/10/18 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
js中!和!!的区别与用法
2020/05/09 Javascript
浅谈vant组件Picker 选择器选单选问题
2020/11/04 Javascript
python基础教程之实现石头剪刀布游戏示例
2014/02/11 Python
Python中用Descriptor实现类级属性(Property)详解
2014/09/18 Python
Python循环语句中else的用法总结
2016/09/11 Python
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
Python 多线程的实例详解
2017/09/07 Python
基于使用paramiko执行远程linux主机命令(详解)
2017/10/16 Python
python+PyQT实现系统桌面时钟
2020/06/16 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
利用rest framework搭建Django API过程解析
2019/08/31 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
本科生的职业生涯规划范文
2014/01/09 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书