當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
每天一个JavaScript实例-动态省份选择城市
生活随笔
收集整理的這篇文章主要介紹了
每天一个JavaScript实例-动态省份选择城市
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>每天一個JavaScript實例-動態省份選擇城市</title>
<script>
var citystore = new Array();
citystore = [['SD','濟南'],['SD','煙臺'],['SD','青島'],['SX','太原'],['BJ','北京'],['HN','海南']];
window.onload = function(){document.getElementById("state").οnchange=changecity;
}
function changecity(){var state = this.value;var city = document.getElementById('cities');city.options.length = 0;for(var i = 0; i <citystore.length;i++){if(state == citystore[i][0]){var opt =new Option(citystore[i][1]);try{city.add(opt,null);}catch(e){city.add(opt);}}}}
</script></head><body><form id="picker" method="post" action=""><select id = "state"><option value="">--</option><option value="SD">山東</option><option value="SX">山西</option><option value="BJ">北京</option><option value="HN">海南</option></select><select id="cities"></select></form></body>
</html>
轉載于:https://www.cnblogs.com/blfshiye/p/5059188.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的每天一个JavaScript实例-动态省份选择城市的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 物联网通讯协议：MQTT，NB-IOT，
- 下一篇： 算法图解 -- 书评