每天一个JavaScript实例-动态省份选择城市
JavaScript实例 一个 动态 选择 城市 每天 省份
2023-09-14 09:10:12 时间
<!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").onchange=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>
相关文章
- 一天一个javascript小技巧【可选链操作符】
- javascript_JavaScript走向成熟
- 【说站】javascript回调函数的异步探究
- JavaScript 对象
- javascript 高级编程 之 Array 用法总结_2023-02-27
- JavaScript获取每个月的天数
- JavaScript验证字符串只能包含数字或者英文字符的代码实例详解编程语言
- Javascript事件捕获的备忘(setCapture,captureEvents)
- 使用javascript访问XML数据的实例
- Javascript&DHTML实例编程(教程)(三)初级实例篇1—上传文件控件实例
- Javascript文件夹选择框的两种解决方案
- javascript浏览器判断绑定事件arguments转换数组数组遍历
- Javascript中文字符串处理额外注意事项
- javascript一个无懈可击的实例化XMLHttpRequest的方法
- JavaScript克隆双重输入文字
- Javascript中的转义用法实例代码
- 浅析javascript闭包实例分析
- php和javascript之间变量的传递实现代码
- JavaScript与DOM组合动态创建表格实例
- jsp+javascript打造级连菜单的实例代码
- javascript读写XML实现广告轮换(兼容IE、FF)
- javascript获取网页标题代码实例
- javascript实现数字验证码的简单实例
- JavaScript中读取和保存文件实例
- JavaScript中实现PHP的打乱数组函数shuffle实例
- 一个JavaScript递归实现反转数组字符串的实例
- 一个JavaScript操作元素定位元素的实例
- android中WebView和javascript实现数据交互实例
- javascript中AJAX用法实例分析
- 有效提高JavaScript执行效率的几点知识
- 一个JavaScript用逗号分割字符串实例