???:当我选中第一个下拉框中的某个元素时,另一个下拉框则显示相关的几个选项?--谢谢!

给你个例子，稍微改一下！
<html>
<HEAD>
<title>例子</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
var meng1Array =  new Array("('选择51.net栏目内容','',true,true)",
"('学习 XML')",
"('学习 Javascript')",
"('学习 PHP')");
var mengArray =  new Array("('选择Myrice.com栏目内容','',true,true)",
"('学习 Flash')",
"('学习 Dreamweaver Ultradev')",
"('学习 Java')");
var meng2Array =  new Array("('选择163.com栏目内容','',true,true)",
"('查找歌词')",
"('其他')");
function populatemxhweb(inForm,selected) {
var selectedArray = eval(selected + "Array");
while (selectedArray.length < inForm.mxhweb.options.length) {
inForm.mxhweb.options[(inForm.mxhweb.options.length - 1)] = null;
}
for (var i=0; i < selectedArray.length; i++) {
eval("inForm.mxhweb.options[i]=" + "new Option" + selectedArray[i]);
}if ( navigator.appName == 'Netscape') {
if (parseInt(navigator.appVersion) < 4) {
window.history.go(0);
}      }
}</script>
</head>
<body  bgcolor="#0099FF"><p>&nbsp;</p><font color="#000066">说明：适用于IE4,IE5.5,IE5,NS4+,NS6。早期版本的IE5.0可能无法工作。</font> 
<center>
<form name="globe">    <table width="80%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>
        <select onchange="populatemxhweb(document.globe,(this.options[selectedIndex].value))">
<option>请选择
<option value=meng>http://lucky.myrice.com
<option value=meng1>http://egirl.51.net
<option value=meng2>http://go.163.com/~colorweb
</select></td>
        <td>
        <select name="mxhweb" onChange="window.open('http://elove.heha.net')" class="unnamed1">
            <option value=''>☆ 请选择上面的选项 ☆</option>
          </select>
        </td>
      </tr>
    </table>
  </form>
</center>
</body></html>

解决方案 »

  1.   

    下面的代码实现了年要的功能，但你的条件不完全，没有全不做好，根据需要添加即可！<html>
    <HEAD>
    <title>例子</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <SCRIPT LANGUAGE="JavaScript">
    var module1Array =  new Array("('module11')",
    "('module12')",
    "('module13')");
    var module2Array =  new Array("('module2','',true,true)",
    "('学习 Flash')",
    "('学习 Dreamweaver Ultradev')",
    "('学习 Java')");
    var module3Array =  new Array("('module3','',true,true)",
    "('查找歌词')",
    "('其他')");var a1Array =  new Array("('module21')",
    "('module22')",
    "('module23')");var a2Array =  new Array("('选择Myrice.com栏目内容','',true,true)",
    "('学习 Flash')",
    "('学习 Dreamweaver Ultradev')",
    "('学习 Java')");
    function populatemxhweb(inForm,selected) {
    var selectedArray = eval(selected + "Array");
    while (selectedArray.length < inForm.mxhweb.options.length) {
    inForm.mxhweb.options[(inForm.mxhweb.options.length - 1)] = null;
    }
    for (var i=0; i < selectedArray.length; i++) {
    eval("inForm.mxhweb.options[i]=" + "new Option" + selectedArray[i]);
    }}
    function populatemxhweb2(inForm,selected) {
    var selectedArray = eval("a"+selected + "Array");
    while (selectedArray.length < inForm.mxhweb2.options.length) {
    inForm.mxhweb2.options[(inForm.mxhweb2.options.length - 1)] = null;
    }
    for (var i=0; i < selectedArray.length; i++) {
    eval("inForm.mxhweb2.options[i]=" + "new Option" + selectedArray[i]);
    }}</script>
    </head>
    <body  bgcolor="#0099FF"><p>&nbsp;</p><font color="#000066">说明：适用于IE4,IE5.5,IE5,NS4+,NS6。早期版本的IE5.0可能无法工作。</font> 
    <center>
    <form name="globe">
    <table width="80%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
    <select onchange="populatemxhweb(document.globe,(this.options[selectedIndex].value))">
    <option>请选择
    <option value=module1>module1
    <option value=module2>module2
    <option value=module3>module3
    <option value=module4>module4
    </select></td>
    <td>
    <select name="mxhweb" onChange="populatemxhweb2(document.globe,(this.selectedIndex))">
    <option value=''>☆ 请选择上面的选项 ☆</option>
    </select>
    </td><td>
    <select name="mxhweb2" onChange="populatemxhweb2(document.globe,(this.options[selectedIndex].value))">
    <option value=''>☆ 请选择上面的选项 ☆</option>
    </select>
    </td>
    </tr>
    </table>
    </form>
    </center>
    </body></html> 
      

  2.   

    下面是你要的完整的代码：
    ========================<html>
    <HEAD>
    <title>例子</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <SCRIPT LANGUAGE="JavaScript">
    var module1Array =  new Array("('module11')",
    "('module12')",
    "('module13')");var module2Array =  new Array("('module21')",
    "('module22')",
    "('module23')");
    var module3Array =  new Array("('module31')",
    "('module32')",
    "('module33')");var module4Array =  new Array("('module41')",
    "('module42')",
    "('module43')");
    function populatemxhweb(inForm,selected) {
    var selectedArray = eval(selected + "Array");
    while (selectedArray.length < inForm.mxhweb.options.length) {
    inForm.mxhweb.options[(inForm.mxhweb.options.length - 1)] = null;
    }
    for (var i=0; i < selectedArray.length; i++) {
    eval("inForm.mxhweb.options[i]=" + "new Option" + selectedArray[i]);
    }}</script>
    </head>
    <body  bgcolor="#0099FF"><p>&nbsp;</p><font color="#000066">说明：适用于IE4,IE5.5,IE5,NS4+,NS6。早期版本的IE5.0可能无法工作。</font> 
    <center>
    <form name="globe">
    <table width="80%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
    <select onchange="populatemxhweb(document.globe,(this.options[selectedIndex].value))">
    <option>请选择
    <option value=module1>module1
    <option value=module2>module2
    <option value=module3>module3
    <option value=module4>module4
    </select></td>
    <td>
    <select name="mxhweb" onChange="window.open('http://lucky.myrice.com','_blank')">
    <option value=''>☆ 请选择上面的选项 ☆</option>
    </select>
    </td></tr>
    </table>
    </form>
    </center>
    </body></html>