麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

從QQ網站中提取的純JS省市區三級聯動菜單

2019-11-20 21:23:16
字體：大 中 小
來源：轉載
供稿：網友
我發現在 http://ip.qq.com/ 的網站中有QQ自己的JS省市區三級聯動。所以研究了一下。他的界面如下：
 
何不直接使用的數據呢？

驚喜的是QQ是使用引用外部JS來實現三級聯動的。JS如下：http://ip.qq.com/js/geo.js

使用方法如下：
復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<title>QQ JS省市區三級聯動</title>
<!-- 直接使用QQ的省市區數據 -->
<!--
<script type="text/javascript" src="http://ip.qq.com/js/geo.js"></script>
-->
<script type="text/javascript" src="geo.js"></script>
</head>
<body onload="setup();preselect('陜西省');promptinfo();">
<form>
<select class="select" name="province" id="s1">
<option></option>
</select>
<select class="select" name="city" id="s2">
<option></option>
</select>
<select class="select" name="town" id="s3">
<option></option>
</select>
<input id="address" name="address" type="hidden" value="" />
<input onclick="alert(document.getElementById('address').value); return false;" type="submit" value="提交" />
</form>
<script>

//這個函數是必須的，因為在geo.js里每次更改地址時會調用此函數
function promptinfo()
{
var address = document.getElementById('address');
var s1 = document.getElementById('s1');
var s2 = document.getElementById('s2');
var s3 = document.getElementById('s3');
address.value = s1.value + s2.value + s3.value;
}

</script>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 欧美精品网址 | 国产精品久久久在线观看 | 成人免费av在线播放 | 亚洲第一色片 | 久久精品视频在线 | 中国a级黄色片 | 日韩黄色一级视频 | 色婷婷一区二区三区 | 在线观看视频亚洲 | 免费a级毛片永久免费 | 国产91在线高潮白浆在线观看 | 99精品视频免费看 | 羞羞电影在线观看www | 毛片免费看的 | 欧美性生交xxxxx久久久缅北 | 国产精品99久久久久久久女警 | 毛片a片免费看 | 91性视频 | 色淫湿视频 | 精品国产欧美一区二区 | 99国产精品欲a | 精品国产一区二区三区久久久蜜月 | 男女羞羞视频在线免费观看 | 最新中文在线视频 | 久久久久久久久久网 | 一区国产在线 | 免费亚洲视频在线观看 | 国产精品视频久久久 | 亚洲视频成人在线 | 日日碰日日操 | 激情91| 91麻豆精品国产91久久久点播时间 | 久久久久国产成人免费精品免费 | 欧美精品久久久久久久久久 | av播播| 一区二区免费看 | av免费在线不卡 | 色猫av| 亚洲天堂成人在线 | 欧美日本91精品久久久久 | 成人在线免费观看网址 |