我想问个问题!非常着急!!!!!!!!!!!!!

mylgl 2003-10-23 08:30:39
我现在想实现这样的功能,通过JAVASCRIPT能不能实现
?我在同一个页面上有两个下拉列表框A,B.其中A中所包含的是大类类标,B中是对A中大类的细分,现在我想这样,当我单击A中的某一项的时候,B中对应的小项就自动列出来,而不列出其他的项.
不知我说得是否明白!
请高手指点!
最好给我源代码
...全文
72 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
hrh1979 2003-10-23
  • 打赏
  • 举报
回复
innerHTMl="" 就是清空select2的原来项
scycgjr 2003-10-23
  • 打赏
  • 举报
回复
<html>

<head>
<title>New Page 1</title>
<script>
var FiArray=new Array();
var SeArray=new Array();
function initdata()
{
for(var i=0;i<5;i++)
{
FiArray[i]="aaa"+(i+1);
}
for(var i=0;i<5;i++)
{
SeArray[i]="bbb"+(i+1);
}

}
function showdata(sou)
{
var obj=document.all("Substr");
//此处先调用一函数清空列表,自己写了
switch(sou.value)
{
case "a":
for(var i=0;i<5;i++)
{
var no=new Option();
no.value=FiArray[i];
no.text=FiArray[i];
obj.options[obj.options.length]=no;
}
break;
case "b":
for(var i=0;i<5;i++)
{
var no=new Option();
no.value=SeArray[i];
no.text=SeArray[i];
obj.options[obj.options.length]=no;
}
break;
default:
break;
}

}
</script>
</head>

<body onload="initdata();">

<form method="POST" action="">
<p><select size="1" name="D1" onchange="showdata(this)">
<option value="a">a</option>
<option value="b">b</option>
  </select><select size="1" name="Substr" id="Substr">
</select></p>
</form>

</body>

</html>
mylgl 2003-10-23
  • 打赏
  • 举报
回复
非常感谢,能否详细说明一下innerHTMl=""代表什么意思呢
longshenwang 2003-10-23
  • 打赏
  • 举报
回复
<html>
<head>
<script>
function check()
{
if(f1.d1.options[0].selected)
{
f1.d2.length=0

f1.d2.options.add(new Option("***白菜***","***白菜***"))
f1.d2.options.add(new Option("***萝卜***","***萝卜***"))

}
else if(f1.d1.options[1].selected)
{
f1.d2.length=0
f1.d2.options.add(new Option("***苹果***","***苹果***"))
f1.d2.options.add(new Option("***桃***","***桃***"))

}

}
</script>
</head>

<body>

<form name="f1" method="POST" action="--WEBBOT-SELF--">

<p><select size="1" name="d1" onchange="check()">
<option selected>***蔬菜***</option>
<option>***水果***</option>
</select><select size="1" name="d2">
<option>***白菜***</option>
<option>***萝卜***</option>
</select></p>
</form>

</body>

</html>
hrh1979 2003-10-23
  • 打赏
  • 举报
回复
在select1的onchange事件里:
window.Form1.Select2.innerHTML=""
xiang=new Option();
xiang.text="dd"
xiang.value="ff"
window.Form1.Select2.add(xiang);

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧