二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动。本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果。

实现的效果就是当选择大类时,小类下拉框里的选项内容也随着改变。实现原理:根据大类的值,通过jQuery把值传给后台PHP处理,PHP通过查询MySQl数据库,得到相应的小类,并返回JSON数据给前端处理。

首先我们要建立两个下拉选择框,第一个是大类,第二个是小类。大类的值可以是预先写好,也可以是从数据库读取。

大类:

前端技术
程序开发
数据库

小类:

实现原理: 先写一个函数,获取大类选择框的值,并通过$.getJSON方法传递给后台server.php,读取后台返回的JSON数据,并通过$.each方法遍历JSON数据,将对应的值写入一个option字符串,最后将option追加到小类里。

复制代码

function getSelectVal(){
$.getJSON("server.php",{bigname:$("#bigname").val()},function(json){
var smallname = $("#smallname");
$("option",smallname).remove(); //清空原有的选项
$.each(json,function(index,array){
var option = "<option value='"+array['id']+"'>"+array['title']+"";
smallname.append(option);
});
});
}

注意,在遍历JSON数据追加之前一定要先将小类里的原有的项清空。清空选项的方法有两种,一种是上文代码中提到,还有一种更简单直接的方法:

smallname.empty();

然后,在页面载入后执行调用函数:
复制代码

$(function(){
getSelectVal();
$("#bigname").change(function(){
getSelectVal();
});
});

在页面初始的时候,下拉框是要设置选项的,所以在初始的时候就要调用getSelectVal(),而当大类选项改变时,也调用了getSelectVal()。
PHP
复制代码

include_once("connect.php"); //链接数据库

$bigid = $_GET["bigname"];
if(isset($bigid)){
$q=mysql_query("select * from catalog where cid = $bigid");
while($row=mysql_fetch_array($q)){
$select[] = array("id"=>$row[id],"title"=>$row[title]);
}
echo json_encode($select);
}

根据jQuery传递过来的大类的value值,构造SQL语句查询分类表,最终输出JSON数据。本站在未做特别说明的情况下所使用的PHP与MySQL连接,和查询语句等均使用原始语句方法如mysql_query等,目的就是为了让读者能够直观的知晓数据的传输查询。

最后附上MYSQL表结构:
复制代码

CREATE TABLE catalog (
id mediumint(6) NOT NULL auto_increment,
cid mediumint(6) NOT NULL default '0',
title varchar(50) NOT NULL,
PRIMARY KEY (id)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;


如何删除系统通知图标栏中已经被删除或卸载的软件图标?

  • 这些图标是保持在注册表中的, 要删除这些已经过期 的被删除或卸载掉软件的图标通知, 要删除: hkey_current_user \ software \ classes(类别) \ Local settings \software \ microsoft\windows\currentVersion\TrayNotify \这个 注册项中的 两个键: IconStreams, PastIconStream 因为在 IconStreams 和PastIconStream中就保留着所有的/过去的所有的历史软件的图标.
  • 然后通过任务管理器, 先结束掉 explorer这个进程, 再启动这个进程, 就可以看到 托盘通知 栏中的图标就干净了.

无法新建库?

  • 打开 gpeidt.msc 中的 用户配置/组件管理/windows组件/ "禁止用户将文件添加到 用户文件夹 的根目录下" 将其设置为 "未配置"
  • 如果还是不行, 可能是 ghost的时候, 将这个 库 的功能给 去掉了.

intel的 核显 是指其GPU和 cpu合并在 一个芯片上的, 他主要提供了三个进程:

这三个进程都是以 igfx- 开头的:
igfxEM.exe进程
igfxHK.exe进程
igfxCUIService.exe进程 CUI: common user interface 通用的用户接口 模块.


在windows 中也能找到 linux下的一些痕迹: 比如 家目录$Home, 就是: C:\Users\Administrator, 同时家目录下, 也有相应的 分类目录, 比如: Documents, Downloads, Videos, Music等.就是我的文档, 我的下载等等...

  • windows 下的命名大小写: 一般 磁盘分区用 大写, 如C:, D:, 一般 目录也是 驼峰法的 首字母大写, C:\Program Files\WinRar
  • 在vim中查看环境变量, 使用 echo $Home命令, echo要小写, 而变量名称可以小写,包括: echo $vim: 是 C:\Program Files\Vim, echo $vimruntime是: C:\Program Files\Vim\Vim71,
  • 为什么 目录后面一般不加 斜杠? (除了在web地址的目录外), 因为这便于在后面 跟上后续目录名称的时候, 一般都会附加 反斜杠, 这样才不会重复
  • 实际上, 各种操作系统都在互相借鉴, 融合, 操作都基本上越来越接近,相似.

在windows中, 也可以进行一些命令行操作, 比如 type打印文本文件的内容, 删除文件: del, 删除目录 rmdir , 重定向: type nul > foo.txt

为什么设置了nobackup还是有~结尾的备份文件?
是因为 引入了 $VIMRUNTIME 即C:\Program Files\Vim\vim71 目录下的vimrc_example.vim文件,而且这个文件的位置 还放在了 set nobackup的后面, 从而把它给覆盖了.
在 vimrc_example.vim中, 有:

if has("vms")   //  vms:  virtual memory system :虚拟内存系统.set nobackup
elseset backup
endif

如何修改在列表视图时, 键入字母自动到搜索框?

  • 修改"组织" > 文件夹和搜索 > 键入列表视图时 > 在列表视图中选择键入.

转载于:https://www.cnblogs.com/bkylee/p/10191711.html

二级联动选择框的实现相关推荐

  1. layui联动选择框

    表单 代码 <form class="layui-form" style="padding-top: 20px;" action="stockS ...

  2. web 端 省市区三级联动选择框

    web 端 省市区三级联动选择框 <!DOCTYPE html> <html lang="en"> <head><meta charset ...

  3. mysql 定义多级表头_Excel多表头设置二级联动选择

    1.初始准备 2.全选,然后开始 -> 查找和选择 -> 定位条件 3.公式 -> 根据所选内容创建 因为一级联动数据在第一行,所以选首行 4.因为学校信息与联动数据不在同一个she ...

  4. 用Ext 2.0 combobox 做的省份和城市联动选择框

    因项目需要,做了这个,发上来给大家参考一下,呵呵. 刚开始的思路是通过定义好的数组通过combobox的store的loadData方式加载数据,后来发现还不如直接定义好数组格式就是store的格式, ...

  5. html省市区选择器代码,js实现一个省市区三级联动选择框代码分享

    运行效果: ================================================= 部分代码: ====================================== ...

  6. vue实现省市二级联动

    1.定义两个select选项框,一个存放以及下拉列表,一个存放联动下拉列表. <!--联动选择省份后选择城市--> <el-form-item label="选择省份:&q ...

  7. 解决小米2s手机 select选择框问题

    解决小米2s手机 select选择框文本内容不能改变中学习到的 时间:2015-07-17 项目:甘肃银行-手机银行 问题记录:有一组选择框,第一个选择框选择存储类型(零存整取.整存整取.定活两便), ...

  8. html省市多级联动下拉框,基于javascript实现全国省市二级联动下拉选择菜单

    本文实例讲述了js实现全国省市二级联动下拉选择菜单,分享给大家供大家参考.具体如下: 效果图: 具体代码: 无标题文档 //好像不是这样子 var arr_province = ["请选择省 ...

  9. php jq ajax 4个下拉框联动案列,Ajax与Jquery结合数据库做出实现下拉框的二级联动...

    这次给大家带来Ajax与Jquery结合数据库做出实现下拉框的二级联动,Ajax与Jquery结合数据库做出实现下拉框二级联动的注意事项有哪些,下面就是实战案例,一起来看一下. 首先我们需要先建立好数 ...

最新文章

  1. matlab幂法的瑞利商加速,瑞利商加速定理14.PPT
  2. GPU迎来投资热潮 退潮后谁在裸泳
  3. linux 终端调用MATLAB程序
  4. 查看PLC IP 端口_西门子828D数控系统X130接口通讯怪异现象(X130手动设置的 IP)...
  5. 直接连接计算机的网络是,两台计算机直接连接
  6. mysql回表查询uuid_MySQL数据库回表与索引
  7. mysql获取分组后每组的最大值
  8. 2015年 StoiGdoi 反思总结与未来计划
  9. 格而知之11:我所理解的内存管理(2)
  10. 计算机网络原基站,一种计算机网络工程用移动基站的制作方法
  11. 怎么自学python-如何学习好Python这门课程?老男孩Python培训全套视频
  12. matlab 频数分布直方图_matlab 统计直方图
  13. 2019寒假·纪中记Day0-Day3
  14. 学生用计算机的感叹号在哪,感叹号怎么打电脑(感叹号的用法及举例)
  15. VS2013 简单MFC应用以及teechart使用方法
  16. iOS开发证书/发布证书不受信任
  17. 深入研究glibc内存管理器原理及优缺点
  18. Android 返回桌面的操作
  19. 恭喜 EDG 勇夺 2021 英雄联盟全球总决赛冠军
  20. oracle中treat函数,PL/SQL Challenge 每日一题:2016-3-24 面向对象编程:向下转型TREAT...

热门文章

  1. 监控硬盘和普通硬盘的差别
  2. android+布局倾斜,Android中的倾斜或倾斜UI设计
  3. 进程/线程/协程的区别
  4. 《少有人走的路》读书笔记
  5. chatgpt赋能python:Python与数学:让计算更简便
  6. 短视频矩阵账号系统,抖音矩阵系统,抖音获客系统源码look
  7. NLP第一课(我也是才开始学)
  8. 浅析《只狼》中的优秀战斗设计
  9. 在2019年的Vue.js和ReactJS之间进行选择:什么最适合您的项目?
  10. 笔记:linux-c Zxing-cpp解析图片中的二维码