1.js
cities = new Object(); cities['河北省']=new Array('石家庄', '張家口市', '承德市', '秦皇島市', '唐山市', '廊坊市', '保定市', '滄州市', '衡水市', '邢台市', '邯鄲市'); cities['山西省']=new Array('太原市', '大同市', '朔州市', '陽泉市', '長治市', '晉城市', '忻州地區', '呂梁地區', '晉中市', '臨汾地區', '運城地區'); function set_city(province, city) { var pv, cv; var i, ii; pv=province.value; cv=city.value; city.length=1; if(pv=='0') return; if(typeof(cities[pv])=='undefined') return; for(i=0; i<cities[pv].length; i++) { ii = i+1; city.options[ii] = new Option(); city.options[ii].text = cities[pv][i]; city.options[ii].value = cities[pv][i]; } }
2.jsp
<form name="form1" action="" method="get"> <select name="province" onChange="set_city(this, this.form.city);"> <option value="0">選擇省</option> <option value="河北省">河北省</option> <option value="山西省">山西省</option> </select> <select name="city" id="citys"> <option value="0">選擇城市</option> </select> </form>
3.結果截圖