标题:求助:三级联动菜单,请高手出招,将第三级改成文本框,谢谢
取消只看楼主
luxc
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-4-9
 问题点数:0 回复次数:7 
求助:三级联动菜单,请高手出招,将第三级改成文本框,谢谢

求助:三级联动菜单,请高手出招,将第三级改成文本框,谢谢
<html>
<head>
<title>改变option的内容</title>
</head>
<body>
<form name="ADDUser" method="POST" action="" onSubmit="return Checkreg();">
<table border="1">
<tr>
<td>
<select name="t1" onchange="gett2(selectedIndex)">
<option value="省份" selected>选择省份</option>

<option value="河北">河北</option>

</select>
</td>
<td id="ct">
<select name="t2" onchange="gettxt(selectedIndex)">
<option value="请选择">请选择</option>
</select>
</td>
<td width="217" id="ct"><select name="txt" >
<option value="请选择" selected>请选择</option>
</select> </td>
</tr>
</table> </form>
<script language="JavaScript">
function gett2(i) {
ADDUser.t2.options.length=0; //删除所有的选项
var s;
s=ADDUser.t1.options[i].text;

if(s=='河北') {var op=new Option('0310','0310',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0311','0311',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0312','0312',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0315','0315',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0316','0316',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0317','0317',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0318','0318',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0319','0319',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0335','0335',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;}

}
</script>
<script language="JavaScript">
function gettxt(i) {
ADDUser.txt.options.length=0; //删除所有的选项
var s1;
s1=ADDUser.t2.options[i].text;

if(s1=='0311') {var op=new Option('石家庄','石家庄',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('获鹿','获鹿',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('正定','正定',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('栾城','栾城',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('井陉','井陉',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('元氏','元氏',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('新乐','新乐',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op; } if(s1=='0312') {var op=new Option('清苑','清苑',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('涞水','涞水',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('易县','易县',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('涞源','涞源',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('唐县','唐县',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('定兴','定兴',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('涿州','涿州',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('高碑店','高碑店',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('博野','博野',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('安国','安国',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op; } if(s1=='0315') {var op=new Option('唐山','唐山',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('玉田','玉田',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('滦县','滦县',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('遵化','遵化',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('滦南','滦南',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('唐海','唐海',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('丰南','丰南',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op; } if(s1=='0316') {var op=new Option('霸州','霸州',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('永清','永清',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('大城','大城',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('文安','文安',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('固安','固安',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('香河','香河',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('大厂','大厂',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('三河','三河',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op; } if(s1=='0317') {var op=new Option('沧州','沧州',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('黄骅','黄骅',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('海兴','海兴',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('盐山','盐山',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('孟村','孟村',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('青县','青县',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('南皮','南皮',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('东光','东光',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('吴桥','吴桥',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('泊头','泊头',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('河间','河间',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('肃宁','肃宁',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('任丘','任丘',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('献县','献县',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op; } if(s1=='0318') {var op=new Option('衡水','衡水',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('铙阳','铙阳',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op; } if(s1=='0319') {var op=new Option('新河','新河',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('南宫','南宫',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('清河','清河',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('威县','威县',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op; } if(s1=='0310') {var op=new Option('涉县','涉县',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('成安','成安',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('永年','永年',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('鸡泽','鸡泽',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('曲周','曲周',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('丘县','丘县',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('馆陶','馆陶',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('大名','大名',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('魏县','魏县',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('广平','广平',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('肥乡','肥乡',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op; } if(s1=='0335') {var op=new Option('秦皇岛','秦皇岛',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('昌黎','昌黎',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('卢龙','卢龙',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('抚宁','抚宁',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;var op=new Option('青龙','青龙',false,false);ADDUser.txt.options[ADDUser.txt.options.length]=op;}

}
</script>
</body>
</html>

搜索更多相关主题的帖子: 出招 文本 菜单 
2007-04-09 12:06
luxc
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-4-9
得分:0 
第三级文本框显示二级区号下的所有区县,就是目前的第三级列出的所有内容
2007-04-09 16:46
luxc
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-4-9
得分:0 
自己顶一下
2007-04-10 09:31
luxc
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-4-9
得分:0 
怎样显示都可以,只要显示出来
2007-04-11 14:05
luxc
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-4-9
得分:0 
改动了一下,第三级成为文本框了,但是只显示一个地区,怎样显示全部?帮忙啊

<html>
<head>
<title>改变option的内容</title>
</head>
<body>
<form name="ADDUser" method="POST" action="" onSubmit="return Checkreg();">
<table border="1">
<tr>
<td>
<select name="t1" onchange="gett2(selectedIndex)">
<option value="省份" selected>选择省份</option>

<option value="河北">河北</option>

</select>
</td>
<td id="ct">
<select name="t2" onchange="gettxt(selectedIndex)">
<option value="请选择">请选择</option>
</select>
</td>
<td width="217" id="ct"><textarea name="txt" id="txt"></textarea></td>
</tr>
</table> </form>
<script language="JavaScript">
function gett2(i) {
ADDUser.t2.options.length=0; //删除所有的选项
var s;
s=ADDUser.t1.options[i].text;

if(s=='河北') {var op=new Option('0310','0310',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0311','0311',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0312','0312',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0315','0315',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0316','0316',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0317','0317',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0318','0318',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0319','0319',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;var op=new Option('0335','0335',false,false);ADDUser.t2.options[ADDUser.t2.options.length]=op;}

}
</script>
<script language="JavaScript">
function gettxt(i) {
ADDUser.txt.value.length=0; //删除所有的选项
var s1;
s1=ADDUser.t2.options[i].text;

if(s1=='0311') {var op=('石家庄');ADDUser.txt.value=op;var op=('获鹿');ADDUser.txt.value=op;var op=('正定');ADDUser.txt.value=op;var op=('栾城');ADDUser.txt.value=op;var op=('井陉');ADDUser.txt.value=op;var op=('元氏');ADDUser.txt.value=op;var op=('新乐');ADDUser.txt.value=op; } if(s1=='0312') {var op=('清苑');ADDUser.txt.value=op;var op=('涞水');ADDUser.txt.value=op;var op=('易县');ADDUser.txt.value=op;var op=('涞源');ADDUser.txt.value=op;var op=('唐县');ADDUser.txt.value=op;var op=('定兴');ADDUser.txt.value=op;var op=('涿州');ADDUser.txt.value=op;var op=('高碑店');ADDUser.txt.value=op;var op=('博野');ADDUser.txt.value=op;var op=('安国');ADDUser.txt.value=op; } if(s1=='0315') {var op=('唐山');ADDUser.txt.value=op;var op=('玉田');ADDUser.txt.value=op;var op=('滦县');ADDUser.txt.value=op;var op=('遵化');ADDUser.txt.value=op;var op=('滦南');ADDUser.txt.value=op;var op=('唐海');ADDUser.txt.value=op;var op=('丰南');ADDUser.txt.value=op; } if(s1=='0316') {var op=('霸州');ADDUser.txt.value=op;var op=('永清');ADDUser.txt.value=op;var op=('大城');ADDUser.txt.value=op;var op=('文安');ADDUser.txt.value=op;var op=('固安');ADDUser.txt.value=op;var op=('香河');ADDUser.txt.value=op;var op=('大厂');ADDUser.txt.value=op;var op=('三河');ADDUser.txt.value=op; } if(s1=='0317') {var op=('沧州');ADDUser.txt.value=op;var op=('黄骅');ADDUser.txt.value=op;var op=('海兴');ADDUser.txt.value=op;var op=('盐山');ADDUser.txt.value=op;var op=('孟村');ADDUser.txt.value=op;var op=('青县');ADDUser.txt.value=op;var op=('南皮');ADDUser.txt.value=op;var op=('东光');ADDUser.txt.value=op;var op=('吴桥');ADDUser.txt.value=op;var op=('泊头');ADDUser.txt.value=op;var op=('河间');ADDUser.txt.value=op;var op=('肃宁');ADDUser.txt.value=op;var op=('任丘');ADDUser.txt.value=op;var op=('献县');ADDUser.txt.value=op; } if(s1=='0318') {var op=('衡水');ADDUser.txt.value=op;var op=('铙阳');ADDUser.txt.value=op; } if(s1=='0319') {var op=('新河');ADDUser.txt.value=op;var op=('南宫');ADDUser.txt.value=op;var op=('清河');ADDUser.txt.value=op;var op=('威县');ADDUser.txt.value=op; } if(s1=='0310') {var op=('涉县');ADDUser.txt.value=op;var op=('成安');ADDUser.txt.value=op;var op=('永年');ADDUser.txt.value=op;var op=('鸡泽');ADDUser.txt.value=op;var op=('曲周');ADDUser.txt.value=op;var op=('丘县');ADDUser.txt.value=op;var op=('馆陶');ADDUser.txt.value=op;var op=('大名');ADDUser.txt.value=op;var op=('魏县');ADDUser.txt.value=op;var op=('广平');ADDUser.txt.value=op;var op=('肥乡');ADDUser.txt.value=op; } if(s1=='0335') {var op=('秦皇岛');ADDUser.txt.value=op;var op=('昌黎');ADDUser.txt.value=op;var op=('卢龙');ADDUser.txt.value=op;var op=('抚宁');ADDUser.txt.value=op;var op=('青龙');ADDUser.txt.value=op;}

}
</script>
</body>
</html>

2007-04-12 18:03
luxc
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-4-9
得分:0 
表结构如下:[IMG]http://www.[/IMG]
2007-04-12 18:08
luxc
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-4-9
得分:0 

<html>
<head>
<title>改变option的内容</title>
</head>
<body>
<form name="ADDUser" method="POST" action="" onSubmit="return Checkreg();">
<table border="1">
<tr>
<td>
<select name="t1" onchange="gett2(selectedIndex)">
<option value="省份" selected>选择省份</option>
<% connstr="DBQ="+server.mappath("ybqh.mdb")+";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};"
set conn=Server.CreateObject("ADODB.connection")
conn.open connstr%>
<%
set rs=conn.execute("select distinct sm from ybqh")
do while not rs.eof
%>
<option value="<%=rs("sm")%>"><%=rs("sm")%></option>
<%
rs.moveNext

Loop
%>
</select>
</td>
<td id="ct">
<select name="t2" onchange="gettxt(selectedIndex)">
<option value="请选择">请选择</option>
</select>
</td>
<td width="217" id="ct"><textarea name="txt" id="txt"></textarea></td>
</tr>
</table> </form>
<script language="JavaScript">
function gett2(i) {
ADDUser.t2.options.length=0; //删除所有的选项
var s;
s=ADDUser.t1.options[i].text;

<%
'打开库
connstr="DBQ="+server.mappath("ybqh.mdb")+";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};"
set conn=Server.CreateObject("ADODB.connection")
conn.open connstr

set rs2=conn.execute("select * from ybqh ")
'设值处理if条件
tid=0
firstrow=1
do while not rs2.eof
if tid<>rs2("sm") then
tid=rs2("sm")
if firstrow=1 then
response.write("if(s=='" &tid& "') {")

set rs3=conn.execute("select distinct qh from ybqh where sm='" &rs2("sm")& "'" )
do while not rs3.eof
response.write("var op=new Option('" &rs3("qh")& "','" &rs3("qh")& "',false,false);")
response.write("ADDUser.t2.options[ADDUser.t2.options.length]=op;")
rs3.movenext
loop
rs3.close
set rs3=nothing
firstrow=0
else
response.write(" } if(s=='" &tid& "') {")

set rs3=conn.execute("select distinct qh from ybqh where sm='" &rs2("sm")& "'")
do while not rs3.eof
response.write("var op=new Option('" &rs3("qh")& "','" &rs3("qh")& "',false,false);")
response.write("ADDUser.t2.options[ADDUser.t2.options.length]=op;")
rs3.movenext
loop
rs3.close
set rs3=nothing
end if
end if


rs2.movenext
loop
response.write("}")

%>

}
</script>
<script language="JavaScript">
function gettxt(i) {
ADDUser.txt.value.length=0; //删除所有的选项
var s1;
s1=ADDUser.t2.options[i].text;

<%
'打开库


set rs4=conn.execute("select * from ybqh ")
'设值处理if条件
tid1=0
firstrow=1
do while not rs4.eof
if tid1<>rs4("qh") then
tid1=rs4("qh")
if firstrow=1 then
response.write("if(s1=='" &tid1& "') {")
firstrow=0
else
response.write(" } if(s1=='" &tid1& "') {")

end if
end if
response.write("var op=('" &rs4("dq")& "');")
response.write("ADDUser.txt.value=op;")

rs4.movenext
loop
response.write("}")
rs4.close
set rs2=nothing
conn.close
set conn=nothing
%>

}
</script>
</body>
</html>

2007-04-12 18:11
luxc
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-4-9
得分:0 

搞定,谢谢老大帮忙,现将代码放上,供大家参考

<html>
<head>
<title>改变option的内容</title>
</head>
<body>
<form name="ADDUser" method="POST" action="" onSubmit="return Checkreg();">
<table border="1">
<tr>
<td>
<select name="t1" onchange="gett2(selectedIndex)">
<option value="省份" selected>选择省份</option>
<% connstr="DBQ="+server.mappath("ybqh.mdb")+";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};"
set conn=Server.CreateObject("ADODB.connection")
conn.open connstr%>
<%
set rs=conn.execute("select distinct sm from ybqh")
do while not rs.eof
%>
<option value="<%=rs("sm")%>"><%=rs("sm")%></option>
<%
rs.moveNext

Loop
%>
</select>
</td>
<td id="ct">
<select name="t2" onchange="gettxt(selectedIndex)">
<option value="请选择">请选择</option>
</select>
</td>
<td width="217" id="ct"><textarea name="txt" id="txt"></textarea></td>
</tr>
</table> </form>
<script language="JavaScript">
function gett2(i) {
ADDUser.t2.options.length=0; //删除所有的选项
var s;
s=ADDUser.t1.options[i].text;

<%
'打开库
connstr="DBQ="+server.mappath("ybqh.mdb")+";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};"
set conn=Server.CreateObject("ADODB.connection")
conn.open connstr

set rs2=conn.execute("select * from ybqh ")
'设值处理if条件
tid=0
firstrow=1
do while not rs2.eof
if tid<>rs2("sm") then
tid=rs2("sm")
if firstrow=1 then
response.write("if(s=='" &tid& "') {")

set rs3=conn.execute("select distinct qh from ybqh where sm='" &rs2("sm")& "'" )
do while not rs3.eof
response.write("var op=new Option('" &rs3("qh")& "','" &rs3("qh")& "',false,false);")
response.write("ADDUser.t2.options[ADDUser.t2.options.length]=op;")
rs3.movenext
loop
rs3.close
set rs3=nothing
firstrow=0
else
response.write(" } if(s=='" &tid& "') {")

set rs3=conn.execute("select distinct qh from ybqh where sm='" &rs2("sm")& "'")
do while not rs3.eof
response.write("var op=new Option('" &rs3("qh")& "','" &rs3("qh")& "',false,false);")
response.write("ADDUser.t2.options[ADDUser.t2.options.length]=op;")
rs3.movenext
loop
rs3.close
set rs3=nothing
end if
end if


rs2.movenext
loop
response.write("}")

%>

}
</script>
<script language="JavaScript">
function gettxt(i) {
ADDUser.txt.value.length=0; //删除所有的选项
var s1;
s1=ADDUser.t2.options[i].text;

<%
'打开库


set rs4=conn.execute("select * from ybqh ")
'设值处理if条件
tid1=0
firstrow=1
do while not rs4.eof
if tid1<>rs4("qh") then
tid1=rs4("qh")
if firstrow=1 then
response.write("if(s1=='" &tid1& "') {")
firstrow=0
else
response.write(" } if(s1=='" &tid1& "') {")

end if
end if
response.write("var op=new Option('" &rs4("dq")& "','" &rs4("dq")& "',false,false);")
response.write("ADDUser.txt.value+=op.text+'、';")

rs4.movenext

loop
response.write("}")
rs4.close
set rs2=nothing
conn.close
set conn=nothing
%>

}
</script>
</body>
</html>

2007-04-13 15:35



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-130320-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 1.409324 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved