最好用的二級聯(lián)動(dòng) 原生js實(shí)現(xiàn)你值得擁有
更新時(shí)間：2013年09月22日 15:54:26 投稿：whsnow
二級聯(lián)動(dòng)效果,實(shí)現(xiàn)方法有很多,不過其他文章中介紹的都比較籠統(tǒng),在本文有一個(gè)詳細(xì)的實(shí)現(xiàn)過程,使用原生js很容易理解,希望大家可以參考下
復(fù)制代碼 代碼如下:
<script language=javascript>
cities = new Object();
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>
<SELECT name="sheng" id="to_cn" onchange="set_city(this, document.getElementById('city')); WYL();" class=login_text_input >
</SELECT> - 市
<select id="city" class=login_text_input name="shi">
<option value=0>請選擇</option>
</select>
相關(guān)文章
JavaScript頁面實(shí)時(shí)顯示當(dāng)前時(shí)間實(shí)例代碼
最近因?yàn)轫?xiàng)目需要，有個(gè)需求是讓實(shí)時(shí)顯示當(dāng)前時(shí)間，然后想想這不簡單嗎，自己就動(dòng)手敲代碼，但是發(fā)現(xiàn)一個(gè)問題，通過getMonth()得到月份，總是會(huì)比當(dāng)前月份少1，深深覺得實(shí)踐出真知啊…之前覺得Date對象挺簡單的，有很多細(xì)節(jié)都沒有注意。下面這篇文章就給大家詳細(xì)介紹下。2016-10-10
這篇文章主要介紹了JavaScript之Object類型介紹,本文講解了創(chuàng)建Object類型的兩種方法以及訪問Object類型的方法,需要的朋友可以參考下2015-04-04
不錯(cuò)的JS中變量相關(guān)的細(xì)節(jié)分析
不錯(cuò)的JS中變量相關(guān)的細(xì)節(jié)分析...2007-08-08
這篇文章主要介紹了webpack 靜態(tài)資源集中輸出的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了js 正則找出最長連續(xù)子串長度的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-10-10
js DataSet數(shù)據(jù)源處理代碼，需要的朋友可以參考下。2010-03-03
JS從一組數(shù)據(jù)中找到指定的單條數(shù)據(jù)的方法
這篇文章給大家介紹基于js如何從一組數(shù)據(jù)中找到指定的單條數(shù)據(jù)，非常實(shí)用，實(shí)現(xiàn)方案也很簡單，需要的朋友可以參考下2016-06-06
js實(shí)現(xiàn)百度登錄框鼠標(biāo)拖拽效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)百度登錄框鼠標(biāo)拖拽效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
layui實(shí)現(xiàn)下拉復(fù)選功能的例子(包括數(shù)據(jù)的回顯與上傳)
今天小編大家分享一篇layui實(shí)現(xiàn)下拉復(fù)選功能的例子(包括數(shù)據(jù)的回顯與上傳)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript中在光標(biāo)處插入添加文本標(biāo)簽節(jié)點(diǎn)的詳細(xì)方法
本文主要介紹了JavaScript中在光標(biāo)處插入添加文本標(biāo)簽節(jié)點(diǎn)的詳細(xì)方法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03