jquery 二级联动演示

原创 2012年03月23日 13:32:49
<!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=utf-8" />
<title>jquery 二级联动演示</title>
<script type="text/javascript" src="http://www.jqueryajax.com/wp-content/uploads/2009/03/jquery-132min2.js"></script>
<script type="text/javascript" src="http://www.jqueryajax.com/wp-content/uploads/2009/06/jquerydoubleselectmin.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var selectOption={
"==请选择省/直辖市==":{
"key":" ",

"defaultvalue" : "",

"values":{'==城市/地区==':'==城市/地区=='}
},

"北京":{
"key":"北京",
"values":{"北京市":"北京市","燕郊":"燕郊"}
},

"广东省":{
"key":"广东省",
"values":{'广州':'广州','深圳':'深圳','珠海':'珠海','湛江':'湛江','佛山':'佛山','汕头':'汕头','中山':'中山','韶关':'韶关','英德':'英德','梅州':'梅州','惠州':'惠州','河源':'河源','潮州':'潮州','东莞':'东莞','茂名':'茂名','肇庆':'肇庆','江门':'江门','汕尾':'汕尾','阳江':'阳江','清远':'清远','揭阳':'揭阳','云浮':'云浮','潮阳':'潮阳','顺德':'顺德'}
},

"上海市":{
"key":"上海市",
"values":{'上海市':'上海市'}
}

};
$("#s1").doubleSelect('s2',selectOption);
});

</script>
</head>

<body>
<table border=0 cellSpacing=0 cellPadding=0 width=800>

<tr>
<td height=30 colSpan=2>jquery二级联动插件doubleSelect演示</td>
</tr>
<tr>
<td height=30 width=174>&nbsp;</td>
<td height=30 width=626>
<Select id=s1 name=s1>
</Select> </td>

</tr>
<tr>
<td height=30>&nbsp;</td>
<td height=30>
<Select id=s2 name=s2>
</Select> </td>
</tr>
<tr>
<td height=30>&nbsp;</td>

<td height=30>&nbsp;</td>
</tr>
</table>

</body>
</html>

jQuery实现二级联动下拉框

jsp页面: 技术方向* ${techDirec} ...
  • tianguobing
  • tianguobing
  • 2016年12月01日 09:34
  • 2147

一天搞定jQuery(四)——使用jQuery完成省市二级联动的效果

还记得之前我使用JavaScript来实现省市二级联动的效果吗?如果读者初次翻阅本文,可记得看看教你一天玩转JavaScript(八)——使用JavaScript完成省市联动的效果!之前在注册页面上有...
  • yerenyuan_pku
  • yerenyuan_pku
  • 2017年05月10日 20:57
  • 2978

jquery 省市二级联动

省市两级联动选择 select { width: 135px; } fieldset dl dd { float: left; margin-left: 20px; } fieldset pre {...
  • Outsider_der
  • Outsider_der
  • 2015年12月12日 01:55
  • 4368

jquery ajax 二级联动

首先实现jquery ajax的二级联动 要下载个jquery.js 我在这里就不准备了 自行百度下载 背景介绍:通过部门的ID来查找部门下的所有班级 我实现二级联动的思路是:先查询所有部门 显示在页...
  • zfz823840645
  • zfz823840645
  • 2017年02月07日 17:16
  • 2648

JQuery实现动态数据二级联动

写此博客原因:项目中需要二级联动,点击一级学科,联动到二级学科,上网查了资料,都写的是从前台获取,很不满意,决定自己写一个二级联动!JQuery:$(function() { //ajax实现二级联动...
  • weixin_38437243
  • weixin_38437243
  • 2017年07月13日 16:33
  • 877

使用Ajax和Jquery配合数据库实现下拉框的二级联动

首先我们需要先建立好数据库,将一些数据插入进去 需要两张表: province:省份表 city :          城市表 如图: 然后再在java中建立相关的实体类与之对应 ...
  • Evan_QB
  • Evan_QB
  • 2017年07月19日 19:09
  • 10138

Jquery-select-处理二级联动的一种简单方式

Jquery-select-处理二级联动的一种简单方式问题背景: 页面中有很多级联数据时,处理起来很麻烦。比如我们需要处理一个城市的二级联动, 先选择省,然后选择市。思考一下我们数据的字典的...
  • u010162887
  • u010162887
  • 2016年09月23日 17:01
  • 5931

jquery+json省市二级联动下拉

1.html代码: 请选择省份 请选择城市 2.定义的json数组: [{ "name" :"山东省...
  • linbooooo1987
  • linbooooo1987
  • 2012年02月05日 19:15
  • 9991

jquery实现二级联动,实时查询数据库

一、jsp页面: * 服务类型: --选择服务方式-- 配送中心 门店 * 所属分类: ...
  • Jasyca503
  • Jasyca503
  • 2016年03月14日 17:00
  • 1231

jquery实现下拉列表二级联动

function getPositionGrade(){ $("#flag").nextAll().remove();//如果二级有列表,清除下 //下拉列表二级联动内容 var p...
  • LQW_java_home
  • LQW_java_home
  • 2016年12月08日 09:12
  • 2369
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 二级联动演示
举报原因:
原因补充:

(最多只允许输入30个字)