日期:2014-05-17  浏览次数:20565 次

下拉菜单怎么关联阿。(高手指点)
页面两个下拉菜单。要怎么关联起来阿
例如:这是奥运会的项目。
两个下拉菜单。一个菜单男女,一个菜单是男女的项目名称



------解决方案--------------------
HTML code
<html>
<head>
<script type="text/javascript">
function select()
{
var ename=document.f1.ename.value;
var names=new Array(3);
names['男']=['拳击','棒球'];
names['女']=['女子摔跤','平衡术'];
document.f1.film.length=0;//清空下拉列表的值
for( var i=0;i<names[ename].length;i++)
{
var newoption=new Option(names[ename][i],names[ename][i]);//创建新的选项
var film=document.f1.film;//得到下拉列表对象
film.options.add(newoption);//添加
}
}
</script>
  </head>
  
  <body>
  <form action="" name="f1">
  <select name="ename" onchange="select()">
  <option value="男">男</option>
  <option value="女">女</option>
  </select><br><br><br>
  <select name="film">
  <option value="运动">运动</option>
  </select>
  </form>
  </body>
</html>