如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里
-
<head>
-
<meta charset="UTF-8">
-
<title>模糊查詢</title>
-
<style type="text/css">
-
body{
-
text-align:center;
-
}
-
#datas{
-
display:none;
-
}
-
#txt{
-
font-size:300%;
-
width:80%;
-
height:10%;
-
margin-top:10%;
-
}
-
#msg{
-
margin:0 auto;
-
text-align:left;
-
width:80%;
-
border: medium solid #C0C0C0;
-
}
-
</style>
-
</head>
-
<body>
-
-
<form action="" method="post">
-
-
<input type="text" id='txt' />
-
</form>
-
-
<div id="msg"></div>
-
-
-
<div id="datas">
-
城市,北京市,海淀區(qū),東城區(qū),西城區(qū),宣武區(qū),豐臺區(qū),朝陽區(qū),崇文區(qū),大興區(qū),石景山區(qū),門頭溝區(qū),房山區(qū),通州區(qū),順義區(qū),懷柔區(qū),昌平區(qū),平谷區(qū),密云縣,延慶縣,天津市,和平區(qū),河西區(qū),河北區(qū),河?xùn)|區(qū),南開區(qū),紅橋區(qū),北辰區(qū),津南區(qū),武清區(qū),塘沽區(qū),西青區(qū),漢沽區(qū),大港區(qū),寶坻區(qū),東麗區(qū),薊縣,靜海縣,寧河縣 ,上海,黃浦區(qū),盧灣區(qū),徐匯區(qū),長寧區(qū),靜安區(qū),普陀區(qū),閘北區(qū),楊浦區(qū),虹口區(qū),閔行區(qū),寶山區(qū),嘉定區(qū),浦東新區(qū),金山區(qū),松江區(qū),青浦區(qū),南匯區(qū),奉賢區(qū),崇明縣 ,重慶,渝中區(qū),大渡口區(qū),江北區(qū),沙坪壩區(qū),九龍坡區(qū),南岸區(qū),北碚區(qū),萬盛區(qū),雙橋區(qū),渝北區(qū),巴南區(qū),萬州區(qū),涪陵區(qū),黔江區(qū),長壽區(qū),江津區(qū),永川區(qū),南川區(qū),綦江縣,潼南縣,銅梁縣,大足縣,榮昌縣,璧山縣,墊江縣,武隆縣,豐都縣,城口縣,梁平縣,開縣,巫溪縣,巫山縣,奉節(jié)縣,云陽縣,忠縣,石柱土家族自治縣,彭水苗族土家族自治縣,酉陽苗族自治縣,秀山土家族苗族自治縣,新疆維吾爾自治區(qū),烏魯木齊,克拉瑪依,石河子,阿拉爾市,圖木舒克,五家渠,哈密,吐魯番,阿克蘇,喀什,和田,伊寧,塔城,阿勒泰,奎屯,博樂,昌吉,阜康,庫爾勒,阿圖什,烏蘇 ,西藏自治區(qū),拉薩,日喀則,寧夏回族自治區(qū),銀川,石嘴山,吳忠,固原,中衛(wèi),青銅峽市,靈武市,內(nèi)蒙古自治區(qū),呼和浩特,包頭,烏海,赤峰,通遼,鄂爾多斯,呼倫貝爾,巴彥淖爾,烏蘭察布,霍林郭勒市,滿洲里市,牙克石市,扎蘭屯市,根河市,額爾古納市,豐鎮(zhèn)市,錫林浩特市,二連浩特市,烏蘭浩特市,阿爾山市 ,廣西,南寧,柳州,桂林,梧州,北海,崇左,來賓,賀州,玉林,百色,河池,欽州,防城港,貴港,岑溪,憑祥,合山,北流,宜州,東興,桂平,黑龍江,哈爾濱,大慶,齊齊哈爾,佳木斯,雞西,鶴崗,雙鴨山,牡丹江,伊春,七臺河,黑河,綏化 加格達(dá)奇,五常,雙城,尚志,納河,虎林,密山,鐵力,同江,富錦,綏芬河,海林,寧安,穆林,北安,五大連池,肇東,海倫,安達(dá),吉林,長春,吉林,四平,遼源,通化,白山,松原,白城,九臺市,榆樹市,德惠市,舒蘭市,樺甸市,蛟河市,磐石市,公主嶺市,雙遼市,梅河口市,集安市,臨江市,大安市,洮南市,延吉市,圖們市,敦化市,龍井市,琿春市,和龍市,遼寧,沈陽,大連,金州,鞍山,撫順,本溪,丹東,錦州,營口,阜新,遼陽,盤錦,鐵嶺,朝陽,葫蘆島,新民,瓦房店,普蘭,莊河,海城,東港,鳳城,凌海,北鎮(zhèn),大石橋,蓋州,燈塔,調(diào)兵山,開原,凌源,北票,興城 ,河北,石家莊,唐山,邯鄲,秦皇島,保定,張家口,承德,廊坊,滄州,衡水,邢臺,辛集市,藁城市,晉州市,新樂市,鹿泉市,遵化市,遷安市,武安市,南宮市,沙河市,涿州市,固安..定州市,安國市,高碑店市,泊頭市,任丘市,黃驊市,河間市,霸州市,三河市,冀州市,深州市,山東,濟(jì)南,青島,淄博,棗莊,東營,煙臺,濰坊,濟(jì)寧,泰安,威海,日照,萊蕪,臨沂,德州,聊城,菏澤,濱州,章丘,膠南,膠州,平度,萊西,即墨,滕州,龍口,萊陽,萊州,招遠(yuǎn),蓬萊,棲霞,海陽,青州,諸城,安丘,高密,昌邑,兗州,曲阜,鄒城,乳山,文登,榮成,樂陵,臨清,禹城,江蘇,南京,鎮(zhèn)江,常州,無錫,蘇州,徐州,連云港,淮安,鹽城,揚(yáng)州,泰州,南通,宿遷,江陰市,宜興市,邳州市,新沂市,金壇市,溧陽市,常熟市,張家港市,太倉市,昆山市,吳江市,如皋市,通州市,海門市,啟東市,東臺市,大豐市,高郵市,江都市,儀征市,丹陽市,揚(yáng)中市,句容市,泰興市,姜堰市,靖江市,興化市,安徽,合肥,蚌埠,蕪湖,淮南,亳州,阜陽,淮北,宿州,滁州,安慶,巢湖,馬鞍山,宣城,黃山,池州,銅陵,界首,天長,明光,桐城,寧國,浙江,杭州,嘉興,湖州,寧波,金華,溫州,麗水,紹興,衢州,舟山,臺州,建德市,富陽市,臨安市,余姚市,慈溪市,奉化市,瑞安市,樂清市,海寧市,平湖市,桐鄉(xiāng)市,諸暨市,上虞市,嵊州市,蘭溪市,義烏市,東陽市,永康市,江山市,臨海市,溫嶺市,龍泉市,福建,福州,廈門,泉州,三明,南平,漳州,莆田,寧德,龍巖,福清市,長樂市,永安市,石獅市,晉江市,南安市,龍海市,邵武市,武夷山,建甌市,建陽市,漳平市,福安市,福鼎市,廣東,廣州,深圳,汕頭,惠州,珠海,揭陽,佛山,河源,陽江,茂名,湛江,梅州,肇慶,韶關(guān),潮州,東莞,中山,清遠(yuǎn),江門,汕尾,云浮,增城市,從化市,樂昌市,南雄市,臺山市,開平市,鶴山市,恩平市,廉江市,雷州市 吳川市,高州市,化州市,高要市,四會市,興寧市,陸豐市,陽春市,英德市,連州市,普寧市,羅定市,海南,海口,三亞,瓊海,文昌,萬寧,五指山,儋州,東方,云南,昆明,曲靖,玉溪,保山,昭通,麗江,普洱,臨滄,安寧市,宣威市,個舊市,開遠(yuǎn)市,景洪市,楚雄市,大理市,潞西市,瑞麗市,貴州,貴陽,六盤水,遵義,安順,清鎮(zhèn)市,赤水市,仁懷市,銅仁市,畢節(jié)市,興義市,凱里市,都勻市,福泉市,四川,成都,綿陽,德陽,廣元,自貢,攀枝花,樂山,南充,內(nèi)江,遂寧,廣安,瀘州,達(dá)州,眉山,宜賓,雅安,資陽,都江堰市,彭州市,邛崍市,崇州市,廣漢市,什邡市,綿竹市,江油市,峨眉山市,閬中市,華鎣市,萬源市,簡陽市,西昌市,湖南,長沙,株洲,湘潭,衡陽,岳陽,郴州,永州,邵陽,懷化,常德,益陽,張家界,婁底,瀏陽市,醴陵市,湘鄉(xiāng)市,韶山市,耒陽市,常寧市,武岡市,臨湘市,汨羅市,津市市,沅江市,資興市,洪江市,冷水江市,漣源市,吉首市,武漢,襄樊,宜昌,黃石,鄂州,隨州,荊州,荊門,十堰,孝感,黃岡,咸寧,大冶市,丹江口市,洪湖市,石首市,松滋市,宜都市,當(dāng)陽市,枝江市,老河口市,棗陽市,宜城市,鐘祥市,應(yīng)城市,安陸市,漢川市,麻城市,武穴市,赤壁市,廣水市,仙桃市,天門市,潛江市,恩施市,利川市,河南,鄭州,洛陽,開封,漯河,安陽,新鄉(xiāng),周口,三門峽,焦作,平頂山,信陽,南陽,鶴壁,濮陽,許昌,商丘,駐馬店,鞏義市,新鄭市,新密市,登封市,滎陽市,偃師市,汝州市,舞鋼市,林州市,衛(wèi)輝市,輝縣市,沁陽市,孟州市,禹州市,長葛市,義馬市,靈寶市,鄧州市,永城市,項(xiàng)城市,濟(jì)源市,山西,太原,大同,忻州,陽泉,長治,晉城,朔州,晉中,運(yùn)城,臨汾,呂梁,古交,潞城,高平,介休,永濟(jì),河津,原平,侯馬,霍州,孝義,汾陽,陜西,西安,咸陽,銅川,延安,寶雞,渭南,漢中,安康,商洛,榆林,興平市,韓城市,華陰市,甘肅,蘭州,天水,平?jīng)?酒泉,嘉峪關(guān),金昌,白銀,武威,張掖,慶陽,定西,隴南,玉門市,敦煌市,臨夏市,合作市,青海,西寧,格爾木,德令哈,江西,南昌,九江,贛州,吉安,鷹潭,上饒,萍鄉(xiāng),景德鎮(zhèn),新余,宜春,撫州,樂平市,瑞昌市,貴溪市,瑞金市,南康市,井岡山市,豐城市,樟樹市,高安市,德興市,臺灣,臺北,臺中,基隆,高雄,臺南,新竹,嘉義,板橋市,宜蘭市,竹北市,桃園市,苗栗市,豐原市,彰化市,南投市,太保市,斗六市,新營市,鳳山市,屏東市,臺東市,花蓮市,馬公市 ,特別行政區(qū),香港:中西區(qū),東區(qū),九龍城區(qū),觀塘區(qū),南區(qū),深水埗區(qū),黃大仙區(qū),灣仔區(qū),油尖旺區(qū),離島區(qū),葵青區(qū),北區(qū),西貢區(qū),沙田區(qū),屯門區(qū),大埔區(qū),荃灣區(qū),元朗區(qū),澳門:花地瑪堂區(qū),圣安多尼堂區(qū)(花王堂區(qū)),望德堂區(qū),大堂區(qū),風(fēng)順堂區(qū)(圣老楞佐堂區(qū)),離島,氹仔,路環(huán),
-
</div>
-
<script type="text/javascript">
-
function handle(){
-
var data = datas.split(",");
-
var word = document.getElementById('txt').value;
-
var value = "";
-
for(var i = 1;i < data.length;i++){
-
if(word!="" && data[i].match(word+".*") != null){
-
value += "<a onclick=add('"+ data[i] +"') href='#'>" + data[i] + "</a><br/>";
-
}
-
}
-
document.getElementById('msg').innerHTML=value;
-
}
-
function add(city){
-
document.getElementById('txt').value=city;
-
}
-
//firefox下檢測狀態(tài)改變只能用oninput,且需要用addEventListener來注冊事件。
-
if(/msie/i.test(navigator.userAgent)) //ie瀏覽器
-
{document.getElementById('txt').onpropertychange=handle
-
} else{//非ie瀏覽器,比如Firefox
-
alert(1)
-
document.getElementById('txt').addEventListener("input",handle,false);
-
}
-
var datas = document.getElementById('datas').innerHTML;
-
-
</script>
-
-
</body>
-
</html>
藍(lán)藍(lán)設(shè)計(jì)( ssll180.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)