注册 登录
编程论坛 → ASP技术论坛

下拉菜单该怎么做

Kettyjin1983 发布于 2007-10-17 09:59， 1287 次点击
我不能用select实现以下功能,有人能帮我想想办法吗?在选上城,出现一些地点,在选下城时,出现另外一些地点.
上城 望江
南星桥
小营
吴山
近江
清河坊
美政
万松岭
官巷口
复兴
章家桥
城站
天水
武林门
其它
下城 长兴
朝晖
文晖
潮鸣
东新园
长木桥
石桥
和平
德胜
董家
其它
15 回复
#2
chenbaichao2007-10-17 10:01
用联动就可以了,对了,看起来你好像是杭州的哦
#3
永夜的极光2007-10-17 10:07
用js可以实现，百度一下“联动菜单”
#4
Kettyjin19832007-10-17 10:12
我是杭州的,有时间大家一起探讨一下啊,我刚开始学,啥都不会.我的MSN是Ketty1983_Jin@hotmail.com
我先试试看.
#5
chenbaichao2007-10-17 10:21
我这边有一个,你可以看看,我也是在杭州上班,以后多多联系哦,我的MSN是chenbaichao2008@hotmail.com呵呵
只有本站会员才能查看附件，请 登录
#6
Kettyjin19832007-10-17 10:27
非常感谢,我已经加你的MSN了.
#7
cainiao1582007-10-17 12:31
5楼的大哥，好像给的不是啊！！！
#8
威龙嘉少2007-10-17 12:48
我的ＱＱ号３４９６４５５０４加我啊，我们可以交流啊！
#9
yms1232007-10-17 13:00
[CODE]<html>
<head>
<title>下拉列表联动</title>
<script language="javascript">
function selCity_Change(CityName)
{
this.selArea.options.length=0;
for(var i=0;i<this.selTown.length;i++)
{
var iTown=this.selTown[i].value;
var iAry=iTown.split('|');
if(iAry[0]==CityName)
this.selArea.add(new Option(iAry[1],iAry[1]));
}
}
</script>
</head>
<body>
请先选择
<select name="selCity" onChange="selCity_Change(this.options[this.selectedIndex].value);" >
<option value="上城">上城</option>
<option value="下城">下城</option>
</select>
请选择
<select name="selArea">
</select>
<input type="hidden" name="selTown" value="上城|望江">
<input type="hidden" name="selTown" value="上城|南星桥">
<input type="hidden" name="selTown" value="上城|小营">
<input type="hidden" name="selTown" value="上城|吴山">
<input type="hidden" name="selTown" value="上城|近江">
<input type="hidden" name="selTown" value="上城|清河坊">
<input type="hidden" name="selTown" value="上城|美政">
<input type="hidden" name="selTown" value="上城|万松岭">
<input type="hidden" name="selTown" value="上城|官巷口">
<input type="hidden" name="selTown" value="上城|复兴">
<input type="hidden" name="selTown" value="上城|章家桥">
<input type="hidden" name="selTown" value="上城|城站">
<input type="hidden" name="selTown" value="上城|天水">
<input type="hidden" name="selTown" value="上城|武林门">
<input type="hidden" name="selTown" value="上城|其它">
<input type="hidden" name="selTown" value="下城|长兴">
<input type="hidden" name="selTown" value="下城|朝晖">
<input type="hidden" name="selTown" value="下城|文晖">
<input type="hidden" name="selTown" value="下城|潮鸣">
<input type="hidden" name="selTown" value="下城|东新园">
<input type="hidden" name="selTown" value="下城|长木桥">
<input type="hidden" name="selTown" value="下城|石桥">
<input type="hidden" name="selTown" value="下城|和平">
<input type="hidden" name="selTown" value="下城|德胜">
<input type="hidden" name="selTown" value="下城|董家">
<input type="hidden" name="selTown" value="下城|其它">
</body>
</html> [/CODE]
按楼主给的内容写得下拉列表联动。
#10
Kettyjin19832007-10-17 13:25
yms123你的代码我可以看懂了,谢谢啊!
哎,我们公司只能上MSN,不能上QQ.
#11
Kettyjin19832007-10-18 10:40
if(iAry[0]==CityName)
this.selArea.add(new Option(iAry[1],iAry[1]));
this.selArea.add(new Option(iAry[1],iAry[1]))这句代码看不懂,为什么不是this.selArea.add(new Option(iAry[1],)
#12
yms1232007-10-18 16:33
以下是引用Kettyjin1983在2007-10-18 10:40:08的发言：
if(iAry[0]==CityName)
this.selArea.add(new Option(iAry[1],iAry[1]));
this.selArea.add(new Option(iAry[1],iAry[1]))这句代码看不懂,为什么不是this.selArea.add(new Option(iAry[1],)

selArea是一个下拉框,下拉框自身有一个add的方法可以添加下拉框的option选项。
创建Option需要两个值下拉框选项的显示文本和value值。
还有一种写法效果是一样的
if(iAry[0]==CityName)
{
var iOption=document.createElement("Option");
iOption.value=iAry[1];
iOption.text=iAry[1];
this.selArea.add(iOption);
}
我写的那个是为了简化代码，所以一行代码完成的上述几行代码。
#13
Kettyjin19832007-10-18 16:35
你太有才了,我很佩服,我什么时候能有你这水准啊!
#14
Kettyjin19832007-10-26 14:05

同志们,在这个列表里,如果用户选了其它,就要跳出一个文本框,可以让用户自己输,这该怎么办啊???
#15
yms1232007-10-26 14:29
[CODE]<html>
<head>
<title>下拉列表联动</title>
<script language="javascript">
function selCity_Change(CityName)
{
this.selArea.options.length=0;
for(var i=0;i<this.selTown.length;i++)
{
var iTown=this.selTown[i].value;
var iAry=iTown.split('|');
if(iAry[0]==CityName)
this.selArea.add(new Option(iAry[1],iAry[1]));
}
}
function selArea_Change(val)
{
if(val=="其它")
this.inpOther.style.display="inline";//显示文本框
else
this.inpOther.style.display="none";//隐藏文本框
}
</script>
</head>
<body>
请先选择
<select name="selCity" onChange="selCity_Change(this.options[this.selectedIndex].value);" >
<option value="上城">上城</option>
<option value="下城">下城</option>
</select>
请选择
<select name="selArea" onChange="selArea_Change(this.options[this.selectedIndex].value);" >
</select>
<input style="display:none" type="text" name="inpOther" value="请输入">
<input type="hidden" name="selTown" value="上城|望江">
<input type="hidden" name="selTown" value="上城|南星桥">
<input type="hidden" name="selTown" value="上城|小营">
<input type="hidden" name="selTown" value="上城|吴山">
<input type="hidden" name="selTown" value="上城|近江">
<input type="hidden" name="selTown" value="上城|清河坊">
<input type="hidden" name="selTown" value="上城|美政">
<input type="hidden" name="selTown" value="上城|万松岭">
<input type="hidden" name="selTown" value="上城|官巷口">
<input type="hidden" name="selTown" value="上城|复兴">
<input type="hidden" name="selTown" value="上城|章家桥">
<input type="hidden" name="selTown" value="上城|城站">
<input type="hidden" name="selTown" value="上城|天水">
<input type="hidden" name="selTown" value="上城|武林门">
<input type="hidden" name="selTown" value="上城|其它">
<input type="hidden" name="selTown" value="下城|长兴">
<input type="hidden" name="selTown" value="下城|朝晖">
<input type="hidden" name="selTown" value="下城|文晖">
<input type="hidden" name="selTown" value="下城|潮鸣">
<input type="hidden" name="selTown" value="下城|东新园">
<input type="hidden" name="selTown" value="下城|长木桥">
<input type="hidden" name="selTown" value="下城|石桥">
<input type="hidden" name="selTown" value="下城|和平">
<input type="hidden" name="selTown" value="下城|德胜">
<input type="hidden" name="selTown" value="下城|董家">
<input type="hidden" name="selTown" value="下城|其它">
</body>
</html> [/CODE]
#16
Kettyjin19832007-10-26 15:15
佩服的五体投地
1
©2025, BC-CN.NET
电脑版