28,406
社区成员
发帖
与我相关
我的任务
分享如何实现如此的联动下拉功能????
请在源代码的基础改动.
当选择广东时,二级下拉出现广东的四个城市.广西的城市则不出现.并且选中城市后自动链接到相应的页面.
当选择广西时.二级下拉出现广西的四个城市.广东的城市则不出现.并且选中城市后自动链接到相应的页面.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<p><select name="select">
<option value="广东" selected>广东</option>
<option value="广西">广西</option>
</select>
</p>
<p>
<select name="select2" onchange="location.href=this.options[this.selectedIndex].value">
<option selected>请选择</option>
<option value="gz.asp">广州</option>
<option value="dg.asp">东莞</option>
<option value="fs.asp">佛山</option>
<option value="sz.asp">深圳</option>
<option value="gl.asp">桂林</option>
<option value="lz.asp">柳州</option>
<option value="nn.asp">南宁</option>
<option value="yl.asp">玉林</option>
</select>
</p>
</body>
</html>
当选择广东时,二级下拉出现广东的四个城市.广西的城市则不出现.并且选中城市后自动链接到相应的页面.
当选择广西时.二级下拉出现广西的四个城市.广东的城市则不出现.并且选中城市后自动链接到相应的页面.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<p><select name="select">
<option value="广东" selected>广东</option>
<option value="广西">广西</option>
</select>
</p>
<p>
<select name="select2" onchange="location.href=this.options[this.selectedIndex].value">
<option selected>请选择</option>
<option value="gz.asp">广州</option>
<option value="dg.asp">东莞</option>
<option value="fs.asp">佛山</option>
<option value="sz.asp">深圳</option>
<option value="gl.asp">桂林</option>
<option value="lz.asp">柳州</option>
<option value="nn.asp">南宁</option>
<option value="yl.asp">玉林</option>
</select>
</p>
</body>
</html>
...全文
请发表友善的回复…
发表回复
oucher 2006-02-22
- 打赏
- 举报
http://www.oucher.cn/file/5.htm
我自己的
我自己的
尚和空四 2006-02-22
- 打赏
- 举报
过路
tigerwen01 2006-02-21
- 打赏
- 举报
http://dev.csdn.net/develop/article/18/18690.shtm
http://dev.csdn.net/develop/article/18/18691.shtm
http://dev.csdn.net/develop/article/18/18691.shtm
竹林听雨2005 2006-02-21
- 打赏
- 举报
http://community.csdn.net/Expert/topic/4512/4512881.xml?temp=.6896021
直接在数据库里设置好，然后就可以了
直接在数据库里设置好，然后就可以了
feng2112 2006-02-21
- 打赏
- 举报
搜索 地区联动
jamsonwoo 2006-02-20
- 打赏
- 举报
<script language="javascript">
var province=new Array("广东","广西");
var city=new Array(["广州","东莞","佛山","深圳"],["桂林","柳州","南宁","玉林"]);
var url=new Array(["gz.asp","dg.asp","fs.asp","sz.asp"],["gl.asp","lz.asp","nn.asp","yl.asp"]);
function chgSelect(idx)
{
if(idx>0)
{
var s,opt;
s = document.all.city;
//如果前面已经添加了option,则清除前面添加的option;
if(s.length>1)
{
var len=s.options.length;
for(i=0;i<len;i++)
s.options.remove(1);
}
//追加新的option;
for(j=0;j<city[idx-1].length;j++)
{
opt = document.createElement("OPTION");
opt.text =city[idx-1][j];
opt.value=url[idx-1][j];
s.add(opt);
}
}
}
</script>
<select name="province" onchange="chgSelect(this.selectedIndex)">
<option>请选择省</option>
<script language="javascript">
for(i=0;i<province.length;i++)
{
document.write("<option value='"+province[i]+"'>"+province[i]+"</option>");
}
</script>
</select>
<select name="city"onchange="window.location.href=this.value">
<option>请选择市</option>
</select>
var province=new Array("广东","广西");
var city=new Array(["广州","东莞","佛山","深圳"],["桂林","柳州","南宁","玉林"]);
var url=new Array(["gz.asp","dg.asp","fs.asp","sz.asp"],["gl.asp","lz.asp","nn.asp","yl.asp"]);
function chgSelect(idx)
{
if(idx>0)
{
var s,opt;
s = document.all.city;
//如果前面已经添加了option,则清除前面添加的option;
if(s.length>1)
{
var len=s.options.length;
for(i=0;i<len;i++)
s.options.remove(1);
}
//追加新的option;
for(j=0;j<city[idx-1].length;j++)
{
opt = document.createElement("OPTION");
opt.text =city[idx-1][j];
opt.value=url[idx-1][j];
s.add(opt);
}
}
}
</script>
<select name="province" onchange="chgSelect(this.selectedIndex)">
<option>请选择省</option>
<script language="javascript">
for(i=0;i<province.length;i++)
{
document.write("<option value='"+province[i]+"'>"+province[i]+"</option>");
}
</script>
</select>
<select name="city"onchange="window.location.href=this.value">
<option>请选择市</option>
</select>
