js 触发select onchange事件代码


Posted in Javascript onMarch 20, 2014

select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,如果在js中给select或text赋值,则无法触发onchang事件,
例如,在页面加载完成以后,需要触发一个onChange事件,在js中用document.getElementById("province").value="湖北";直接给select或text赋值是不行的,要想实现手动触发onchange事件,需要在js给select赋值后,加入下面的语句

document.getElementById("province").fireEvent('onchange') 来实现,

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<script type="text/javascript"> 
var provinces = new Array(); 
provinces["湖北"] = ["武汉","襄阳","随州","宜昌","十堰"]; 
provinces["四川"] = ["成都","内江","达州"]; 
provinces["河南"] =["郑州","南阳","信阳","漯河"]; 
function changeProvince() 
{ 
var prov = document.getElementById("province").value; 
var city =document.getElementById("city"); 
city.options.length =0; 
for(var i in provinces[prov]) 
{ 
city.options.add(new Option(provinces[prov][i],provinces[prov][i])); 
} 
} 
window.onload = function(){ 
var province = document.getElementById("province"); for(var index in provinces) 
{ 
//alert(index); 
province.options.add(new Option(index,index)); 
} 
province.fireEvent("onchange"); 
}; 
</script> 
</head> 
<body> 
省份:<select id="province" onchange= "changeProvince()"></select> 
城市:<select id="city"></select> 
</body> 
</html>
Javascript 相关文章推荐
用js实现计算代码行数的简单方法附代码
Aug 13 Javascript
javascript 的Document属性和方法集合
Jan 25 Javascript
基于jQuery的实现简单的分页控件
Oct 10 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
Aug 15 Javascript
基于JavaScript实现移除(删除)数组中指定元素
Jan 04 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
centos 上快速搭建ghost博客方法分享
May 23 Javascript
微信小程序项目实践之验证码倒计时功能
Jul 18 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
May 13 Javascript
JavaScript编写开发动态时钟
Jul 29 Javascript
JavaScript实现外溢动态爱心的效果的示例代码
Mar 21 Javascript
ie9 提示'console' 未定义问题的解决方法
Mar 20 #Javascript
jQuery的选择器中的通配符使用介绍
Mar 20 #Javascript
$.each与$().each的区别示例介绍
Mar 20 #Javascript
js中document.write使用过程中的一点疑问解答
Mar 20 #Javascript
js图片延迟技术一般的思路与示例
Mar 20 #Javascript
可恶的ie8提示缺少id未定义
Mar 20 #Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
Mar 20 #Javascript
You might like
PHP和XSS跨站攻击的防范
2007/04/17 PHP
php xfocus防注入资料
2008/04/27 PHP
php 数据库字段复用的基本原理与示例
2011/07/22 PHP
个人写的PHP验证码生成类分享
2014/08/21 PHP
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
解析jQuery与其它js(Prototype)库兼容共存
2013/07/04 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
javascript基于HTML5 canvas制作画箭头组件
2014/06/25 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
深入理解jQuery事件绑定
2016/06/02 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
自定义vue全局组件use使用、vuex的使用详解
2017/06/14 Javascript
vue 中滚动条始终定位在底部的方法
2018/09/03 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
javascript之分片上传,断点续传的实际项目实现详解
2019/09/05 Javascript
vue-resource:jsonp请求百度搜索的接口示例
2019/11/09 Javascript
[02:55]含熏伴清风,风行者至宝、屠夫身心及典藏宝瓶二展示
2020/09/08 DOTA
python概率计算器实例分析
2015/03/25 Python
python用plt画图时,cmp设置方法
2018/12/13 Python
解决Python 使用h5py加载文件,看不到keys()的问题
2019/02/08 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
pytorch 更改预训练模型网络结构的方法
2019/08/19 Python
Python3 获取文件属性的方式(时间、大小等)
2020/03/12 Python
CSS3按钮鼠标悬浮实现光圈效果源码
2016/09/11 HTML / CSS
New Balance英国官方网站:始于1906年,百年慢跑品牌
2016/12/07 全球购物
必须要使用游标的SQL语句有那些
2012/05/07 面试题
旅游管理本科生求职信
2013/10/14 职场文书
竞选大队长演讲稿
2014/04/29 职场文书
4s店活动策划方案
2014/08/25 职场文书
无私奉献演讲稿
2014/09/04 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
小学生班干部竞选稿
2015/11/20 职场文书
nginx配置proxy_pass中url末尾带/与不带/的区别详解
2021/03/31 Servers