您的位置：首页 > Web前端 > JavaScript

javascript实现下拉列表框选择时另一下拉列表框的值相应变化

2007-06-14 09:50 495 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>

<select id='a' name='a' onchange='selectCity()'>
  <option value="1">山东省</option>
  <option value="2">辽宁省</option>

</select>
<select id='b' name='b' >
  <option value=1>济南市</option>
  <option value=2>青岛市</option>
</select>

</BODY>
</HTML>
<script language='javascript'>

function selectCity()
{

  //var   obj=document.getElementById("b");

  for(var   k=0;k<b.length;k++)
  {
               b.options.remove(b[k]);      //删除所有b下拉列表框中的内容
        }
  if (document.all("a").value=="1")
  {
   b.remove(0);
   b.options[b.options.length]   =   new   Option('济南市', 0);
   b.options[b.options.length]   =   new   Option('青岛市', 1);
  }
  if (document.all("a").value=="2")
  {
   b.remove(0);
   b.options[b.options.length]   =   new   Option('大连市', 0);
   b.options[b.options.length]   =   new   Option('丹东市', 1);
  }
}

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript generator html function

相关文章推荐

新的分享

章节导航