快捷導(dǎo)航

javascript支持區(qū)號(hào)輸入的省市二級(jí)聯(lián)動(dòng)下拉菜單

更新時(shí)間：2007年05月07日 00:00:00 作者：

省市二級(jí)聯(lián)動(dòng)下拉菜單,增加了區(qū)號(hào)輸入.多組選項(xiàng)共用一組數(shù)據(jù).
選擇地區(qū),可以獲取區(qū)號(hào),填寫(xiě)區(qū)號(hào)自動(dòng)選取地區(qū).
某些地市的區(qū)號(hào)收集中.

<span onclick="inti(0)"> <select name=azone id="azone" onChange="this.value=this.options[this.selectedIndex].value;altcls();inps.value=optn.options[0].value;"> <option value="省份" disabled="disabled">省份</option> </select> <select name=cls id="cls" onChange="if(this.options[0].text!='選擇城區(qū)')inps.value=this.options[this.selectedIndex].value;"> <option value=0>選擇城區(qū)</option> </select> <input type="text" id="inps" name="inps" size="5" value="" onkeyup="if(this.value.length>1)inti(0);findarea();"> </span>  <span onclick="inti(1)"> <select name=azone id="azone1" onChange="this.value=this.options[this.selectedIndex].value;altcls();inps.value=optn.options[0].value;"> <option value="省份" disabled="disabled">省份</option> </select> <select name=cls id="cls1" onChange="if(this.options[0].text!='選擇城區(qū)')inps.value=this.options[this.selectedIndex].value;"> <option value=0>選擇城區(qū)</option> </select> <input type="text" id="inps1" name="inps" size="5" value="" onkeyup="if(this.value.length>1)inti(1);findarea();"> </span>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

javascript支持區(qū)號(hào)輸入的省市二級(jí)聯(lián)動(dòng)下拉菜單

相關(guān)文章

javascript實(shí)現(xiàn)倒計(jì)時(shí)（精確到秒）
本文給大家分享的是個(gè)人項(xiàng)目中使用的javascript實(shí)現(xiàn)的精確到秒級(jí)的倒計(jì)時(shí)代碼，十分的實(shí)用，有需要的小伙伴可以參考下。
2015-06-06
javascript實(shí)現(xiàn)tab響應(yīng)式切換特效
這篇文章主要為大家介紹了javascript實(shí)現(xiàn)tab響應(yīng)式切換特效，以一個(gè)完整的實(shí)例對(duì)tab響應(yīng)式切換特效進(jìn)行詳細(xì)的分析，感興趣的小伙伴們可以參考一下
2016-01-01
JavaScript 事件記錄使用說(shuō)明
JavaScript 事件記錄使用說(shuō)明需要的朋友可以參考下。
2009-10-10
詳解Javacript和AngularJS中的Promises
這篇文章主要介紹了詳解Javacript和AngularJS中的Promises的相關(guān)資料,promise是Javascript異步編程很好的解決方案。，需要的朋友可以參考下
2016-02-02
兩種簡(jiǎn)單的跨域方法(jsonp、php)
這篇文章主要為大家詳細(xì)介紹了兩種簡(jiǎn)單的跨域方法，使用jsonp和php實(shí)現(xiàn)跨域，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
微信小程序騰訊地圖SDK 獲取當(dāng)前地址實(shí)現(xiàn)解析
這篇文章主要介紹了微信小程序騰訊地圖SDK 獲取當(dāng)前地址實(shí)現(xiàn)解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-08-08
document節(jié)點(diǎn)對(duì)象的獲取方式示例介紹
如果要操作一個(gè)元素，首先要獲取到它，下面為大家介紹下document節(jié)點(diǎn)對(duì)象的獲取方式，感興趣的朋友不要錯(cuò)過(guò)
2013-12-12
微信小程序異步API為Promise簡(jiǎn)化異步編程的操作方法
把微信小程序異步API轉(zhuǎn)化為Promise。用Promise處理異步操作很方便。下面小編給大家?guī)?lái)了微信小程序異步API為Promise簡(jiǎn)化異步編程的操作方法，感興趣的朋友一起看看吧
2018-08-08
JS使用cookie設(shè)置樣式的方法
這篇文章主要介紹了JS使用cookie設(shè)置樣式的方法,涉及javascript樣式的設(shè)置與cookie的讀寫(xiě)相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-06-06
js es6系列教程 - 基于new.target屬性與es5改造es6的類語(yǔ)法
下面小編就為大家?guī)?lái)一篇js es6系列教程 - 基于new.target屬性與es5改造es6的類語(yǔ)法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09