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 相关文章推荐
模板引擎Smarty深入浅出介绍
Dec 06 PHP
『PHP』PHP截断函数mb_substr()使用介绍
Apr 22 PHP
php获取中文拼音首字母类和函数分享
Apr 24 PHP
跟我学Laravel之配置Laravel
Oct 15 PHP
php中使用sftp教程
Mar 30 PHP
总结PHP中DateTime的常用方法
Aug 11 PHP
利用php-cli和任务计划实现刷新token功能的方法
May 03 PHP
phpStudy2016 配置多个域名期间遇到的问题小结
Oct 19 PHP
PDO::prepare讲解
Jan 29 PHP
PHP应用跨时区功能的实现方法
Mar 21 PHP
详解PHP 7.4 中数组延展操作符语法知识点
Jul 19 PHP
如何解决php-fpm启动不了问题
Nov 17 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 XML操作类DOMDocument
2009/12/16 PHP
PHP实现基于回溯法求解迷宫问题的方法详解
2017/08/17 PHP
关于PHP虚拟主机概念及如何选择稳定的PHP虚拟主机
2018/11/20 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
javaScript 关闭浏览器 (不弹出提示框)
2010/01/31 Javascript
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
jQuery实现hover合成事件的方法
2015/08/06 Javascript
JavaScript生成SQL查询表单的方法
2015/08/13 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
2015/12/04 Javascript
详解jQuery中的DOM操作
2016/12/23 Javascript
Node.js常用工具之util模块
2017/03/09 Javascript
vue.js全局API之nextTick全面解析
2017/07/07 Javascript
简易Vue评论框架的实现(父组件的实现)
2018/01/08 Javascript
vue+webpack实现异步加载三种用法示例详解
2018/04/24 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
Vue项目中最新用到的一些实用小技巧
2018/11/06 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
javascript使用substring实现的展开与收缩文字功能示例
2019/06/17 Javascript
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
详解python基础之while循环及if判断
2017/08/24 Python
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
PHP统计代码行数的小代码
2019/09/19 Python
HTML5中FileReader接口使用方法实例详解
2017/08/26 HTML / CSS
数学教学随笔感言
2014/02/17 职场文书
2015年元旦演讲稿
2014/09/12 职场文书
一般党员对照检查材料
2014/09/24 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
中国合伙人观后感
2015/06/02 职场文书
2016年度先进班组事迹材料
2016/03/01 职场文书
Python网络编程之ZeroMQ知识总结
2021/04/25 Python
浅谈JS和Nodejs中的事件驱动
2021/05/05 NodeJs
Redis读写分离搭建的完整步骤
2021/09/14 Redis