[求助]关于下拉框的问题

30岁就改变

电梯直达

1^#

发表于 2010-1-14 05:56:40 | 只看该作者回帖奖励

|倒序浏览 |阅读模式

各位高手谁能帮我一个忙呀！！

　　　　我做了一个页面，有两个下拉框，我想在第一个下拉框中选择后，第二个下拉框里的内容根据第一个下拉框所选的内容进行变更！！

　　比如，第一个下拉框有四个选项，　　分别是　１　　２　　３　　４

我点　　１　后第二个下拉框中显示　　a b c
我点　　2 　后第二个下拉框中显示　　d e f
我点　　3　后第二个下拉框中显示　 g h i
我点　　4　后第二个下拉框中显示　　 j k l

我该怎么才能实现呀！！请各位高手给予指点！！在线等！！！

收藏0

使用道具举报

天语悠悠

2^#

发表于 2010-1-14 05:56:44 | 只看该作者

(总、区、版)固顶话题里就应该有，楼主先看看那里。

回复支持反对

使用道具举报

小点点14504

3^#

发表于 2010-1-14 05:56:48 | 只看该作者

1

回复支持反对

使用道具举报

︷起↘嚸℡

4^#

发表于 2010-1-14 05:56:51 | 只看该作者

2

回复支持反对

使用道具举报

夜流冰

5^#

发表于 2010-1-14 05:56:56 | 只看该作者

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>：：：回复您的多级菜单的内容：：：</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined") return false;
return true;
}
function change(v){
var str="0";
for(i=0;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));};
var ss=document.getElementById(s[v]);
with(ss){
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
{
if(dsy.Exists(str)){
ar = dsy.Items[str];
for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]);
if(v)options[1].selected = true;
}
}
if(++v<s.length){change(v);}
}
}
var dsy = new Dsy();
//第一级
dsy.add("0",["1","2","3"]);
//第二级
dsy.add("0_0",["a","b","c"]);
dsy.add("0_1",["e","f","g"]);
dsy.add("0_2",["h","i","j"]);
//-->
</SCRIPT>
<SCRIPT LANGUAGE = JavaScript>
var s=["s1","s2"];
var opt0 = ["第一级","第二级"];
function setup()
{
for(i=0;i<s.length-1;i++)
document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);
}
//-->
</SCRIPT>
</head>
<body bgcolor="#6699cc" onload="setup()" >
<p>
</p>
<p align="center"><font size="2">第一级
<select name="11111" id="s1">
<option>第一级</option>
</select>第二级
<select name="22222" id="s2">
<option>第二级</option>
</select>
</font></p>
<tr><td width="100%" height="65"><p><span class="style8"><font size="2"><span class="style6"> </span></font></span><span class="style3">
</span></p></td>
</tr>
</body>
</html>

复制代码

回复支持反对

使用道具举报

LXQ

6^#

发表于 2010-2-10 21:05:08 | 只看该作者

能够在如此精彩的帖子后面留下自己的网名是多么骄傲的一件事啊

回复支持反对

使用道具举报

		自动登录	找回密码
密码			注册

浏览过的版块