两个选择框，选定第一个选择框的一项时，第二个选择框的那些下拉值就相对应的变了,如何实现(在线！)

coffeemilk 2004-09-22 02:57:22

不知大家看懂了意思没有，有什么好的解决方法，
就是两个选择框，选定第一个选择框的一项时，第二个选择框的那些下拉值就相对应的变了
比如：
第一选择框，我选定"动物"
第二个选择框的值就变成
<option name=1>狗</otpion>
<option name=1>蛇</otpion>
<option name=1>猪</otpion>
第一选择框，我再选定"植物"
第二个选择框的值就变成
<option name=1>花</otpion>
<option name=1>草</otpion>
<option name=1>树</otpion>

就这样了，如何实现（：

...全文

89 6 点赞打赏收藏举报

写回复

6 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

flyshp 2004-10-19

1）你可以在同一个页面内做多个 frame 或用 iframe ，每个小frame 都触发相应
页面的刷新赋值。现在感觉好笨

2）用script 来控制，在js 里定义一个数组类，也就是在 client 端一次性下载你需要
的所有数据，然后在客户端进行过滤。这个方法感觉不错，但试用小数据量的使用.

3) 大的结构系统中应用xml 来存储数据，所有的过滤都通过xsl 来过滤分析。这是最
优化的方法！！

打赏
举报

回复赞

flyshp 2004-10-19

经典问题！我刚编程时就遇到过这个问题！

打赏
举报

回复赞

longrenrex 2004-10-19

JS:
function choiceCity(citys,province)
{

len1=form1.input_city.length

for(i=0;i<len1;i++)
{
form1.input_city.remove(i);
len1=len1-1;
i=i-1;
}

len1=citys.length

for(i=0;i<len1;i++)
{
if(citys[i].provincename==province)
{
o=new Option(citys[i].cityname,citys[i].cityname);
form1.input_city.add(o);
}

}

}

例子：

<TR>
<TD align=right><FONT color=red>*</FONT> 所在省份</TD>
<TD><SELECT name=input_province onchange="choiceCity(j_pcitycode,form1.input_province.value)">
</SELECT></TD></TR>

<TR bgColor=#ffebf5>
<TD align=right><FONT color=red>*</FONT> 所在城市</TD>
<TD><SELECT name=input_city>

</SELECT></TD></TR>