jQuery 1.3.2 简单实现select二级联动
来源:互联网 发布:米家声波电动牙刷知乎 编辑:程序博客网 时间:2024/06/05 02:48
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jQuery 二级联动</title> <script src="http://img.jb51.net/jslib/jquery/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#province").change(function(){ $("#province option").each(function(i,o){ if($(this).attr("selected")) { $(".city").hide(); $(".city").eq(i).show(); } }); }); $("#province").change(); }); </script> </head> <body> <select id="province"> <option>----请选择省份---- <option>北京 <option>上海 <option>江苏 </select> <select class="city"> <option>----请选择城市---- </select> <select class="city"> <option>东城</option> <option>西城</option> <option>崇文</option> <option>宣武</option> <option>朝阳</option> </select> <select class="city"> <option>黄浦</option> <option>卢湾</option> <option>徐汇</option> <option>长宁</option> <option>静安</option> </select> <select class="city"> <option>南京</option> <option>镇江</option> <option>苏州</option> <option>南通</option> <option>扬州</option> </select> </body> </html>
阅读全文
1 0
- jQuery 1.3.2 简单实现select二级联动
- jQuery 1.3.2 简单实现select二级联动
- jQuery 简单实现select二级联动
- jquery实现select二级联动
- jQuery 简单实现无刷新select二级联动
- JQuery实现二级 select框联动选择
- ajax+jQuery+Javascript实现简单二级联动
- 比较简单的jquery下select列表框二级联动
- Jquery-select-处理二级联动的一种简单方式
- jQuery实现二级联动
- select菜单实现二级联动
- ligerui实现select二级联动
- 简单jquery实现select三级联动
- JQuery实现的简单城市间二级联动
- jquery 实现省市二级联动
- jquery实现省市二级联动
- 简单二级联动菜单实现
- 二级联动菜单,简单实现
- 机器视觉的一般流程
- Java反射机制分析指南
- IntelliJ Idea 常用快捷键列表
- python基础学习--元组
- HTTP状态码
- jQuery 1.3.2 简单实现select二级联动
- HihoCoder
- FatMouse's Speed HDU
- C++的单例模式与线程安全单例模式(懒汉/饿汉)
- 计蒜客 计蒜机(优先队列+思路,没想到)
- RMQ初学
- leetcode 442. Find All Duplicates in an Array
- 华为机试: 计算字符串的相似度、输入一行字符,分别统计出包含英文字母、空格、数字和其它字符的个数
- GET和POST