<!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); } }
多个下拉框的javascript特效
例子
<!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>