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 正则匹配函数体
Aug 25 PHP
怎样使用php与jquery设置和读取cookies
Aug 08 PHP
测试PHP连接MYSQL成功与否的代码
Aug 16 PHP
PHP中使用socket方式GET、POST数据实例
Apr 02 PHP
通过Email发送PHP错误的方法
Jul 20 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
Mar 23 PHP
php中让人头疼的浮点数运算分析
Oct 10 PHP
Laravel中任务调度console使用方法小结
May 07 PHP
php将html转为图片的实现方法
May 19 PHP
PHP实现对xml进行简单的增删改查(CRUD)操作示例
May 19 PHP
PHP中关于php.ini参数优化详解
Feb 28 PHP
thinkphp框架表单数组实现图片批量上传功能示例
Apr 04 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
天津市收音机工业发展史
2021/03/04 无线电
浅析php中如何在有限的内存中读取大文件
2013/07/02 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
Swoole4.4协程抢占式调度器详解
2019/05/23 PHP
你所要知道JS(DHTML)中的一些技巧
2007/01/09 Javascript
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
javascript中的一些注意事项 更新中
2010/12/06 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
JS文本框不能输入空格验证方法
2013/03/19 Javascript
表单中单选框添加选项和移除选项
2016/07/04 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
JS实现li标签的删除
2019/04/12 Javascript
es6 for循环中let和var区别详解
2020/01/12 Javascript
JavaScript中数组去重的5种方法
2020/07/04 Javascript
[00:03]DOTA2新版本PA至宝展示
2014/11/19 DOTA
python sort、sorted高级排序技巧
2014/11/21 Python
python定时执行指定函数的方法
2015/05/27 Python
Python 序列的方法总结
2016/10/18 Python
Python实现破解12306图片验证码的方法分析
2017/12/29 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
Python使用selenium实现网页用户名 密码 验证码自动登录功能
2018/05/16 Python
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
Python实现蒙特卡洛算法小实验过程详解
2019/07/12 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
Python文件操作模拟用户登陆代码实例
2020/06/09 Python
Haglöfs瑞典官方网站:haglofs火柴棍,欧洲顶级户外品牌
2018/10/18 全球购物
实习鉴定范文
2013/12/19 职场文书
平安工地建设方案
2014/05/06 职场文书
个人作风纪律整顿整改措施
2014/10/25 职场文书
工程部主管岗位职责
2015/02/12 职场文书
上甘岭观后感
2015/06/10 职场文书
居住证明范文
2015/06/17 职场文书
2016孝老爱亲模范事迹材料
2016/02/26 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书
Python闭包的定义和使用方法
2022/04/11 Python