联动选择

findingwork

于 2010-03-01 10:11:18 发布

阅读量151

点赞数

分类专栏： javaScript 文章标签： HTML

javaScript 专栏收录该内容

12 篇文章

订阅专栏


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script language="javascript">

function city(obj)
{   
	var index =obj.selectedIndex;
	var te =obj.options[index].text; 
	var se =document.getElementById("s").options;
	   se.length=0;
	switch(te)
	{ 
	  case "浙江":
	  var op =new Option("杭州","hz");
	      se.add(op);
          op =new Option("温州","wz");
          se.add(op);
	  break;
	  case "江苏":
	  var op =new Option("南京","nj");
          se.add(op);
          op =new Option("苏州","wsz");
          se.add(op);
	  break;	  
	}

}

</script>
</head>
<body>

<select  onchange="city(this)">
<option value="a">请选择</option>
<option value="a">浙江</option>
<option value="b">江苏</option>

</select>

<select id="s">
<option ></option>
</select>
</body>
</html>