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 相关文章推荐
桌面中心(三)修改数据库
Oct 09 PHP
PHP大小写问题:函数名和类名不区分,变量名区分
Jun 17 PHP
PHP读取大文件的类SplFileObject使用介绍
Apr 09 PHP
php中文验证码实现方法
Jun 18 PHP
php链表用法实例分析
Jul 09 PHP
php如何控制用户对图片的访问 PHP禁止图片盗链
Mar 25 PHP
PHP链表操作简单示例
Oct 15 PHP
Zend Framework实现自定义过滤器的方法
Dec 09 PHP
Laravel框架使用Seeder实现自动填充数据功能
Jun 13 PHP
PHP面向对象程序设计之对象克隆clone和魔术方法__clone()用法分析
Jun 12 PHP
Thinkphp 3.2框架使用Redis的方法详解
Oct 24 PHP
PHP实现简单的计算器
Aug 28 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高精确度运算BC函数库实例详解
2017/08/15 PHP
extjs之去除s.gif的影响
2010/12/25 Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
2012/06/14 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
2013/01/15 Javascript
详解Vue中状态管理Vuex
2017/05/11 Javascript
详解cordova打包成webapp的方法
2017/10/18 Javascript
JS实现DOM删除节点操作示例
2018/04/04 Javascript
JavaScript Canvas实现验证码
2020/08/02 Javascript
微信小程序swiper左右扩展各显示一半代码实例
2019/12/05 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
2020/09/02 Javascript
Python接收Gmail新邮件并发送到gtalk的方法
2015/03/10 Python
python 网络爬虫初级实现代码
2016/02/27 Python
Python实现类的创建与使用方法示例
2017/07/25 Python
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
Python数据结构与算法之字典树实现方法示例
2017/12/13 Python
Python反射用法实例简析
2017/12/22 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
python实现requests发送/上传多个文件的示例
2018/06/04 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
关于Python3 lambda函数的深入浅出
2019/11/27 Python
python第三方库学习笔记
2020/02/07 Python
sklearn+python:线性回归案例
2020/02/24 Python
python 已知一个字符,在一个list中找出近似值或相似值实现模糊匹配
2020/02/29 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
如何在C# winform中异步调用web services
2015/09/21 面试题
有多年工作经验的自我评价
2014/03/02 职场文书
《金子》教学反思
2014/04/13 职场文书
2015年专项整治工作总结
2015/04/03 职场文书
实践论读书笔记
2015/06/29 职场文书
《作风建设永远在路上》心得体会
2016/01/21 职场文书
python神经网络编程之手写数字识别
2021/05/08 Python
React 高阶组件HOC用法归纳
2021/06/13 Javascript