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中,文件上传
Dec 06 PHP
深入PHP变量存储的详解
Jun 13 PHP
探讨Hessian在PHP中的使用分析
Jun 13 PHP
使用PHP curl模拟浏览器抓取网站信息
Oct 28 PHP
PHP goto语句简介和使用实例
Mar 11 PHP
php常用字符串处理函数实例分析
Nov 22 PHP
PHP strip_tags保留多个HTML标签的方法
May 22 PHP
php中array_column函数简单实现方法
Jul 11 PHP
php处理单文件、多文件上传代码分享
Aug 24 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
Oct 14 PHP
php实现当前页面点击下载文件的实例代码
Nov 16 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
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 文件上传代码(限制jpg文件)
2010/01/05 PHP
PHP加密技术的简单实现
2016/09/04 PHP
PHP bin2hex()函数基础实例讲解
2019/02/11 PHP
php+iframe 实现上传文件功能示例
2020/03/04 PHP
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
多浏览器兼容性比较好的复制到剪贴板的js代码
2011/10/09 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
jQuery焦点图切换特效代码分享
2015/09/15 Javascript
input框中的name和id的区别
2016/11/16 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
seajs模块压缩问题与解决方法实例分析
2017/10/10 Javascript
基于webpack.config.js 参数详解
2018/03/20 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
如何编写一个 Webpack Loader的实现
2020/10/18 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
浅析Python中的多进程与多线程的使用
2015/04/07 Python
python设计模式大全
2016/06/27 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
django2.2安装错误最全的解决方案(小结)
2019/09/24 Python
Python 脚本拉取 Docker 镜像问题
2019/11/10 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
印度尼西亚手表和包包商店:Urban Icon
2019/12/12 全球购物
标记环介质访问控制协议
2016/03/27 面试题
python re模块和正则表达式
2021/03/24 Python
成功的酒店创业计划书
2013/12/27 职场文书
《油菜花开了》教学反思
2014/02/22 职场文书
2014县委书记四风对照检查材料思想汇报
2014/09/21 职场文书
2015年妇女工作总结
2015/05/14 职场文书
入党积极分子培养人意见
2015/06/02 职场文书
运动会5000米加油稿
2015/07/21 职场文书
Vue的过滤器你真了解吗
2022/02/24 Vue.js