怎样实现点击下拉菜单1中的选项，然后在下拉菜单2中显示相关的信息？

sangzier 2002-08-13 05:29:27

我的代码是在这样的？
请高手指教！
<HTML>
<HEAD>
<TITLE> 测试！</TITLE>
<script>function ChangeItem(SrcName,DesName){
var h = document.ay.cf_bmddrgh.options.length;

for(n=h; n>0; n--){
document.ay.cf_bmddrgh.options[n]=null;
}

var tt = document.ay.name_str.value;
var sub = tt.split("||");

var j=0;
for (var i=0; i< sub.length; i++ ){

var pp = sub[i].split(",");

if(pp[0] != document.ay.cf_clbmbh.options[document.ay.cf_clbmbh.selectedIndex].value){
continue;
}

j++;

if(pp[0] == document.ay.cf_clbmbh.options[document.ay.cf_clbmbh.selectedIndex].value){
document.ay.cf_bmddrgh.options[j] = new Option(pp[2],pp[1]);

}
}
}
</script>
</HEAD>

<BODY>
<form name="form1" method="post" action="">

<select name="select1" OnChange=ChangeItem()>
<option value="1">好</option>
<option value="0">不好</option>
</select>
<select name="select2">
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
</select>
</form>
</BODY>
</HTML>

我要做的哦功能是这样的：当点击下拉1中的“好”时，在下拉菜单2中显示“10”和“20”，当点击下拉1中的“不好”时，在下拉菜单2中显示“30”和“40”，怎么实现？？
谢谢！！

...全文

159 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

sangzier 2002-08-13

打赏
举报

谢谢大家！功能时实现了！
我还要将他整合到php中去！

孟子E章 2002-08-13

打赏
举报

<HTML>
<HEAD>
<TITLE> 测试！</TITLE>
<script>
function ChangeItem(){
document.form1.select2.options.length=null
if(document.form1.select1.options[document.form1.select1.selectedIndex].value=="0")
{
document.form1.select2.options[0] = new Option("30","30")
document.form1.select2.options[1] = new Option("40","40")
}
if(document.form1.select1.options[document.form1.select1.selectedIndex].value=="1")
{
document.form1.select2.options[0] = new Option("10","10")
document.form1.select2.options[1] = new Option("20","20")
}
}
</script>
</HEAD>

<BODY>
<form name="form1" method="post" action="">

<select name="select1" OnChange=ChangeItem()>
<option value="1">好</option>
<option value="0">不好</option>
</select>
<select name="select2">
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
</select>
</form>
</BODY>
</HTML>

qiushuiwuhen 2002-08-13

打赏
举报

<HTML>
<HEAD>
<TITLE> 测试！</TITLE>
<script>
var arr=[[10,20],[30,40]]
function ChangeItem(){
var k,i;
with(document.all.select1)k=Number(options[selectedIndex].value)
with(document.all.select2){
length=0
for(i=0;i<arr[k].length;i++){
options[length++].value=options[length-1].text=arr[k][i]
}
}
}
</script>
</HEAD>

<BODY>
<form name="form1" method="post" action="">

<select name="select1" OnChange=ChangeItem()>
<option value="1">好</option>
<option value="0">不好</option>
</select>
<select name="select2">
<option value="30">30</option>
<option value="40">40</option>
</select>
</form>
</BODY>
</HTML>

Lostinet 2002-08-13

打赏
举报

哦。。上面写错了啊。。。
<item text="30" value="30"/>
<item text="40" value="40"/>

Lostinet 2002-08-13

打赏
举报

http://www.csdn.net/Expert/TopicView1.asp?id=933535
使用最后一次那代码

把下面的放到form1后面
其中的XML改为：

<xml id=oxml>
<item>
<item text="好" value="1">
<item text="10" value="10"/>
<item text="20" value="20"/>
</item>
<item text="不好" value="0">
<item text="30" value="40"/>
<item text="40" value="30"/>
</item>
</item>
</xml>

然后执行这个：

<script>
AttachXMLForSelect(oxml.XMLDocument,[form1("select1"),form1("select2")]);
</script>