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 相关文章推荐
使用Xdebug调试和优化PHP程序之[1]
Apr 17 PHP
php面向对象的方法重载两种版本比较
Sep 08 PHP
php动态生成JavaScript代码
Mar 09 PHP
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
Jun 11 PHP
PHP隐形一句话后门,和ThinkPHP框架加密码程序(base64_decode)
Nov 02 PHP
php教程之魔术方法的使用示例(php魔术函数)
Feb 12 PHP
php实现在服务器端调整图片大小的方法
Jun 16 PHP
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
Aug 17 PHP
[原创]php实现 data url的图片生成与保存
Dec 04 PHP
ThinkPHP下表单令牌错误与解决方法分析
May 20 PHP
thinkphp5修改view到根目录实例方法
Jul 02 PHP
Jsonp劫持学习
Apr 01 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实现微信发红包程序
2015/08/24 PHP
PHP实现打包下载文件的方法示例
2017/10/07 PHP
动态加载外部javascript文件的函数代码分享
2011/07/28 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
循环 vs 递归浅谈
2013/02/28 Javascript
浅析document.ready和window.onload的区别讲解
2013/12/18 Javascript
JavaScript+CSS控制打印格式示例介绍
2014/01/07 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
2018/08/17 Javascript
element-ui 表格数据时间格式化的方法
2018/08/24 Javascript
Bootstrap4 gulp 配置详解
2019/01/06 Javascript
bootstrap-table formatter 使用vue组件的方法
2019/05/09 Javascript
jquery-ui 进度条功能示例【测试可用】
2019/07/25 jQuery
[01:38]DOTA2第二届亚洲邀请赛中国区预选赛出线战队晋级之路
2017/01/17 DOTA
python中将阿拉伯数字转换成中文的实现代码
2011/05/19 Python
python笔记(2)
2012/10/24 Python
python进阶教程之函数参数的多种传递方法
2014/08/30 Python
Python自动重试HTTP连接装饰器
2015/04/28 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
linux 下selenium chrome使用详解
2020/04/02 Python
Python BeautifulReport可视化报告代码实例
2020/04/13 Python
Python中lru_cache的使用和实现详解
2021/01/25 Python
canvas实现滑动验证的实现示例
2020/08/11 HTML / CSS
Linux如何修改文件和文件夹的权限
2012/06/27 面试题
药品质量检测应届生求职信
2013/11/14 职场文书
心得体会范文
2014/01/04 职场文书
给面试官的感谢信
2014/02/01 职场文书
公司业务员岗位职责
2014/03/18 职场文书
理发店策划方案
2014/06/05 职场文书
小学国庆节活动方案策划书
2014/09/16 职场文书
2014年爱国卫生工作总结
2014/11/22 职场文书
2015年优质护理服务工作总结
2015/04/08 职场文书
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript
Python面试不修改数组找出重复的数字
2022/05/20 Python