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 相关文章推荐
使用TinyButStrong模板引擎来做WEB开发
Mar 16 PHP
php foreach 参数强制类型转换的问题
Dec 10 PHP
php获取中文拼音首字母类和函数分享
Apr 24 PHP
深入浅出php socket编程
May 13 PHP
两种php给图片加水印的实现代码
Apr 18 PHP
PHP Header用于页面跳转时的几个注意事项
Oct 21 PHP
yii框架无限极分类的实现方法
Apr 08 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
Sep 17 PHP
Laravel事件监听器用法实例分析
Mar 12 PHP
php伪静态验证码不显示的解决方案
Sep 26 PHP
PHP设计模式之数据访问对象模式(DAO)原理与用法实例分析
Dec 12 PHP
thinkphp 框架数据库切换实现方法分析
May 18 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 数字左侧自动补0
2008/03/31 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
PHP扩展CURL的用法详解
2014/06/20 PHP
Yii2验证器(Validator)用法分析
2016/07/23 PHP
PHP编程获取音频文件时长的方法【基于getid3类】
2017/04/20 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
理解JavaScript中的事件
2006/09/23 Javascript
greybox——不开新窗口看新的网页
2007/02/20 Javascript
javascript不同类型数据之间的运算的转换方法
2014/02/13 Javascript
浅谈javascript回调函数
2014/12/07 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
跟我学习javascript的闭包
2015/11/16 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
2016/07/12 Javascript
BootStrap轻松实现微信页面开发代码分享
2016/10/21 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
js图片轮播手动切换特效
2017/01/12 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
2017/04/26 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
详解用vue编写弹出框组件
2017/07/04 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
Django+vue跨域问题解决的详细步骤
2019/01/20 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
js实现表格单列按字母排序
2020/08/12 Javascript
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python守护线程用法实例
2017/06/23 Python
Python学习小技巧总结
2018/06/10 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
土耳其国际性时尚购物网站:Modanisa
2018/01/19 全球购物
Nordgreen台湾官网:极简北欧设计手表
2019/08/21 全球购物
工作疏忽检讨书
2014/01/25 职场文书
共产党员公开承诺书
2014/03/25 职场文书
文体活动实施方案
2014/03/27 职场文书
岳庙导游词
2015/02/04 职场文书
辛德勒的名单观后感
2015/06/03 职场文书
入党转正申请书范文
2019/05/20 职场文书