jquery 二级联动演示

来源:互联网 发布:ios byte数组初始化 编辑:程序博客网 时间:2024/04/29 09:40
<!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>
原创粉丝点击