簡單的二級聯(lián)動代碼實例
發(fā)布日期：2022-02-27 信息來源：眾旺互聯(lián) 點擊：次
簡單的二級聯(lián)動代碼實例，html和js實現(xiàn)的簡單二級聯(lián)動代碼，多復(fù)制一層可實現(xiàn)三級聯(lián)動代碼。
<script>
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];
}
}
</script>
<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>
| 
