小问题，怎样实现下拉菜单中的选项动态改变？急,解决立即给分。

leojschen 2003-06-17 11:31:35

主要为了实现这个目的：
假设我有两个下拉菜单，一个为用户类型（教师、学生两个选项，默认为教师），简称A另一个为对应的人员，简称B：当A为教师时，B的值为教师1、教师2、教师3,当A的值为学生时，B的值为学生1、学生2、学生3。我的思想：
<script language='javascript'>
function setchoice(){
var tmpvalue=document.forms[0].A.value;
if (tmpvalue=="学生")
{
//这里怎样写上改变B中选项的语句？？？
}
else if (tmpvalue=="教师")
{
//这里怎样写上改变B中选项的语句？？？
}
}
</script>

<select name=A onChange="javascript:setchoice()">
<option value="教师">教师</option>
<option value="学生">学生</option>
</select>

<select name=B>
<option value="教师1">教师1</option>
<option value="教师2">教师2</option>
<option value="教师3">教师3</option>
</select>

...全文

164 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

stonepeter 2003-09-05

打赏
举报

mark...thanks

zhaoweiwei 2003-06-17

打赏
举报

<html>

<head>

<script>
function check()
{
if(f1.d1.options[0].selected)
{
f1.d2.length=0

f1.d2.options.add(new Option("教师1","教师1"))
f1.d2.options.add(new Option("教师2","教师2"))

}
else if(f1.d1.options[1].selected)
{
f1.d2.length=0
f1.d2.options.add(new Option("学生1","学生1"))
f1.d2.options.add(new Option("学生2","学生2"))

}

}
</script>
</head>

<body>

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

<p><select size="1" name="d1" onchange="check()">
<option>教师</option>
<option>学生</option>
</select><select size="1" name="d2">
</select></p>
</form>

</body>

</html>

fason 2003-06-17

打赏
举报

<form method=post name=fm>
<select onchange=chg(selectedIndex) name=a>
<option value=亚洲>亚洲
<option value=欧洲>欧洲
<option value=美洲>美洲
</select>
<select name=b onchange="r.value=value">
<option>请选择
</select>
<input name=r id=r>
</form>
<script>
var arr=[["中国","日本","朝鲜","新加坡"],["英国","法国","意大利"],["美国","加拿大","巴西"]]
function chg(i){
with(document.fm.b){
length=0;
for(j=0;j<arr[i].length;j++)
options.add(new Option(arr[i][j],arr[i][j]))
document.fm.r.value=value+document.fm.a.value
}
}
chg(0)
</script>

zhaoweiwei 2003-06-17

打赏
举报

http://expert.csdn.net/Expert/FAQ/FAQ_Index.asp?id=4647

ZeusLion 2003-06-17

打赏
举报

有關操作select的option選項的問題還可以參考
http://expert.csdn.net/Expert/TopicView1.asp?id=1910441

Reker熊 2003-06-17

打赏
举报

聯動下拉菜單,分有數據庫和無數據庫兩種
http://go2aspcool.51.net/club/replan.php?boardid=1&planid=7101

動態添加刪除option
http://go2aspcool.51.net/club/replan.php?boardid=1&planid=7519

zhanghk 2003-06-17

打赏
举报

wssgwps 2003-06-17

打赏
举报

不好意思，上面的代码抄过来是没改student[]里的内容！！！
我以前回答过类似的问题：
http://expert.csdn.net/Expert/topic/1901/1901586.xml?temp=.5769464

wssgwps 2003-06-17

打赏
举报

Try:
<html>
<head>
<script languang="javascript">
function mm()
{
var teacher=new Array(3);
var student=new Array(3);
var i;

teacher[0]="老师1";
teacher[1]="老师2";
teacher[2]="老师3";
student[0]="玫瑰";
student[1]="康乃馨";
student[2]="菊花";

while(s2.options.length != 0)
s2.remove(0);

if(s1.selectedIndex == 0)
for(i=0;i<teacher.length;i++)
s2.options.add(new Option(teacher[i],i));

else if(s1.selectedIndex == 1)
for(i=0;i<student.length;i++)
s2.options.add(new Option(student[i],i));
}
</script>
</head>
<body>
<select onChange=mm() name="s1">
<option value=1>老师
<option value=2>学生
</select>
<select name="s2">
</select>
</body>
</html>