开发者社区> 问答> 正文

HTML如何根据前一个select的内容去显示后一个select的选项?

screenshot

源码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.6.min.js"></script>
</head>

<body>
请选择老师:
<select>
  <option value="1">1号老师</option>
  <option value="2">2号老师</option>
  <option value="3">3号老师</option>
  <option value='' selected>请选择</option> 
</select>

选择老师的课程
<select>
  <option value="A">1号老师数学</option>
  <option value="B">1号老师语文</option>
  <option value="C">2号老师数学</option>
  <option value="D">2号老师语文</option>
  <option value="E">3号老师数学</option>
  <option value="F">3号老师语文</option>
  <option value='' selected>请选择</option> 
</select>
</body>
</html>

展开
收起
a123456678 2016-07-13 17:14:20 4332 0
1 条回答
写回答
取消 提交回答
  • screenshot

    </script>
    </head>
    <body onfocus="ChangeTeacher()">
    <h3>请选择老师及其所教授的课程</h3>
    <form name="frm">
    <p>老师:
       <select name="Teacher" size="1" onchange="ChangeTeacher()">
           <option>--请选择--</option>
           <option>1号老师</option>
           <option>2号老师</option>
           <option>3号老师</option>
    
       </select>
       课程:
    <select name="Class" size="1">
           <option>--请选择--</option>
           <option>1号老师的数学</option>
           <option>1号老师的语文</option>
           <option>2号老师的数学</option>
           <option>2号老师的语文</option>
           <option>3号老师的数学</option>
           <option>3号老师的语文</option>
           
       </select>
    </p>
    </form>
    
    </body>
    </html>
    
    2019-07-17 19:55:53
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载