读书人

下拉菜单如何关联阿。()

发布时间: 2012-02-24 16:30:39 作者: rapoo

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



[解决办法]

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> 

读书人网 >PHP

热点推荐