返回    建站常识 > 正文

多个下拉框的javascript特效

浏览次数:1206次 添加时间:2010-7-27

例子

<!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>

<SCRIPT LANGUAGE="JavaScript">
<!--
var pros = new Array("福建","广东");
function f1(){
 for(i=0;i<pros.length;i++) {
  var obj = document.createElement("option");
  obj.text = pros[i];
  obj.value = i;
  pro.add(obj);
 }
}

var a = new Array(2);
a[0] = new Array("福州","厦门","泉州");
a[1] = new Array("广州","深圳","珠海","中山");

function f(){
 clear();

 var index = document.getElementById("pro").value;
 for(i=0;i<a[index].length;i++){
  var obj = document.createElement("option");
  obj.text = a[index][i];
  city.add(obj);
 }
}

//清空城市下拉选项
function clear(){
 for(i=city.options.length;i>=0;i--){
  city.remove(i);
 }
}


//-->
</SCRIPT>

<BODY onload="f1();f()">
<SELECT ID="pro" onchange="f()">

</select>省
<SELECT ID="city">
</select>市
</BODY>
</HTML>

手机地图   一键拨号:400-881-0901
@2013 南京逗点有限公司 www.nanjingweb.com