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二级联动下拉菜单

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

jQuery+PHP+MySQL实现二级联动下拉菜单

二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动。本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果。 实现的效果就是当选择大类时,...
  • tony_Ju
  • tony_Ju
  • 2012年01月07日 15:29
  • 1687

jquery1.4+VS2010+linq+ajax 品牌和型号下拉列表二级联动

一、页面无    function checkInfo() {        var msg = "";

jquery实现下拉列表二级联动

function getPositionGrade(){ $("#flag").nextAll().remove();//如果二级有列表,清除下 //下拉列表二级联动内容 var p...

用jquery+Asp.Net实现省市二级联动

页面html:

jquery ajax 二级联动

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

jquery通过struts2请求,返回json数据,在jsp页面形成二级联动下拉列表

本文是要做一个二级联动,动态的。通过jquery返回json类型的数据,然后在jsp页面处理,生成第二级下拉列表菜单。 所需js库: jquery.js,json2.js jar包:json-...

Jquery+Struts的<selected>二级联动

1.问题分析 多级select联动是网页选取多级项目必要的应用方法,一般情况下都是由一级select的选择项动态异步的修改二级select的option内容。为了方便添加内容与后台数据一致性,一般很少...
  • cyoubo
  • cyoubo
  • 2016年07月26日 15:34
  • 464

jQuery 关于城市的二级联动

做的项目有关于城市的二级联动,现在整理下,和大家分享下。

jQuery省市的二级联动

废话不多少  ,直接上代码 jQuery 二级联动        $(document).ready(function(){            $("#province").ch...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 二级联动演示
举报原因:
原因补充:

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