select标签HTML,刚做地。

<HTML>
<HEAD>
<TITLE>页面选择</TITLE>
<script language='javascript'>
function selectC()
 {
 
  //var   obj=document.getElementById("b");  
 
  for(var   k=0;k<document.form1.select.length+1;k++)
  {    
    document.form1.select.options.remove( document.form1.select[k]);      //删除所有b下拉列表框中的内容
  } 
  
  if (document.all("bm").value=="生产部")
  {
    document.form1.select.remove(0);
    document.form1.select.options[document.form1.select.options.length]   =   new   Option('工程',  0); 
    document.form1.select.options[document.form1.select.options.length]   =   new   Option('品管',  1);
  }
 
  if (document.all("bm").value=="业务部")
  {
    document.form1.select.remove(0);  
    document.form1.select.options[document.form1.select.options.length]   =   new   Option('总经理',  0);  
    document.form1.select.options[document.form1.select.options.length]   =   new   Option('部门经理',  1);
    document.form1.select.options[document.form1.select.options.length]   =   new   Option('业务助理',  2);   
    document.form1.select.options[document.form1.select.options.length]   =   new   Option('业务员',  3); 
  }
}
</script>
</HEAD>

<BODY>
 <form name="form1" method="post" action="">
  <select id='bm' name='bm' onchange='selectC()'>
  <option value="请选择">请选择</option>
  <option value="业务部">业务部</option>
  <option value="生产部">生产部</option>
 
  </select>
 <select id='select' name='select' >
   <option value="请选择">请选择</option>
 </select>
 </form>
</BODY>
</HTML>

 

原文地址:https://www.cnblogs.com/xinxindiandeng/p/1283656.html