<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<select id="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="nanjing">南京</option>
</select>
<select id="area">
<option >海淀</option>
<option >朝阳</option>
<option >东城</option>
</select>
</body>
<script type="text/javascript">
var select=document.getElementById("city"); select.onchange=function(){ var optionVal=select.value; switch(optionVal){ case 'beijing': var area=document.getElementById("area"); area.innerHTML="<option>海淀</option><option>朝阳</option><option>东城</option>"; break; case 'shanghai': var area=document.getElementById("area"); area.innerHTML="<option>浦东</option><option>徐汇</option><option>闸北</option>"; break; case 'nanjing': var area=document.getElementById("area"); area.innerHTML="<option>鼓楼</option><option>玄武</option><option>浦口</option>"; break; default: alert("error"); } }; </script>
</html>
js的onchange事件
相关文章
- 1. js 触发select onchange事件
- 2. Select的onchange事件
- 3. JS 通过代码模拟onchange事件
- 4. JS 之onchange onclick ……经常使用事件
- 5. Dropdownlist的onchange事件应用
- 6. JS中onpropertychange事件和onchange事件区别
- 7. select标签onchange事件
- 8. jquery之onchange事件2
- 9. file的onChange事件的添加
- 10. radio选择事件 onchange事件 onclick事件
- 更多相关文章...
- • C# 事件（Event） - C#教程
- • jQuery Mobile 事件 - jQuery Mobile 教程
- • 常用的分布式事务解决方案
- • Docker容器实战(七) - 容器眼光下的文件系统
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
欢迎关注本站公众号,获取更多信息
