js中的事件onchange案例
来源:互联网 发布:java office转换成pdf 编辑:程序博客网 时间:2024/05/21 11:12
onchange:域内容被改变的事件
需求:实现二级联动
<select id="city">
<option value="bj">北京</option>
<option value="tj">天津</option>
<option value="sh">上海</option>
</select>
<select id="area">
<option>海淀</option>
<option>朝阳</option>
<option>东城</option>
</select>
<script type="text/javascript">
var city=document.getElementById("city");
city.onchange=function(){
var optionVal=city.value;
switch(optionVal){
case 'bj':
var area=document.getElementById("area");
area.innerHTML="<option>海淀</option><option>朝阳</option><option>东城</option>";
break;
case 'sh':
var area=document.getElementById("area");
area.innerHTML="<option>浦东</option><option>朝阳</option><option>东城</option>";
break;
case 'tj':
var area=document.getElementById("area");
area.innerHTML="<option>津南</option><option>河西</option><option>北辰</option>";
break;
}
}
</script>
需求:实现二级联动
<select id="city">
<option value="bj">北京</option>
<option value="tj">天津</option>
<option value="sh">上海</option>
</select>
<select id="area">
<option>海淀</option>
<option>朝阳</option>
<option>东城</option>
</select>
<script type="text/javascript">
var city=document.getElementById("city");
city.onchange=function(){
var optionVal=city.value;
switch(optionVal){
case 'bj':
var area=document.getElementById("area");
area.innerHTML="<option>海淀</option><option>朝阳</option><option>东城</option>";
break;
case 'sh':
var area=document.getElementById("area");
area.innerHTML="<option>浦东</option><option>朝阳</option><option>东城</option>";
break;
case 'tj':
var area=document.getElementById("area");
area.innerHTML="<option>津南</option><option>河西</option><option>北辰</option>";
break;
}
}
</script>
阅读全文
0 0
- js中的事件onchange案例
- js中的onchange事件
- js常见事件及案例-onchange
- js常用事件总结及案例-onChange
- js触发onchange事件
- js 代码实现onchange事件
- js的onchange事件触发
- js 触发 select onchange事件
- js 代码实现onchange事件
- js触发input onchange事件
- js代码触发onchange事件
- js中的onchange和onpropertychange
- js触发onchange事件的方法
- 使用js来触发onChange事件
- js的object.fireEvent()触发onchange事件
- Js中文本框的onchange事件
- Js 中调用select 的onchange事件
- JS之onFocus / onBlur / onChange 事件
- Type interface com.mybatis.mapper.StudentMapper is not known to the MapperRegistry
- 你必须知道的261个Java语言问题笔记- Java流和文件操作2
- Linux 出现-bash: grunt: command not found 错误解决
- mysql5.7安装之后,mysqladmin无法设置root密码
- Codeforces Round #408 Div.2 A B C D
- js中的事件onchange案例
- Hadoop(4-2)-MapReduce程序案例-WordCount(Intellij Idea环境)
- spring boot:No converter found for return value of type: class另类解决办法
- ubuntu16.04安装qt5
- Leetcode655. Print Binary Tree
- codeforces 339D 简单的线段树操作
- 【HDU1950】Bridging signals (最长上升子序列DP(nlogn))
- AFNetworking 请求工具类
- 为什么RegExp.prototype.exec()的返回值会变化