<!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容器實戰(七) - 容器眼光下的文件系統
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. js中 charCodeAt
- 2. Android中通過ViewHelper.setTranslationY實現View移動控制（NineOldAndroids開源項目）
- 3. 【Android】日常記錄：BottomNavigationView自定義樣式，修改點擊後圖片
- 4. maya 文件檢查 ui和數據分離 （一）
- 5. eclipse 修改項目的jdk版本
- 6. Android InputMethod設置
- 7. Simulink中Bus Selector出現很多? ? ?
- 8. 【Openfire筆記】啓動Mac版Openfire時提示「系統偏好設置錯誤」
- 9. AutoPLP在偏好標籤中的生產與應用
- 10. 數據庫關閉的四種方式
歡迎關注本站公眾號,獲取更多信息
