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 相关文章推荐
jQuery 动态酷效果实现总结
Dec 27 Javascript
Javascript 去除数组的重复元素
May 04 Javascript
JS打印gridview实现原理及代码
Feb 05 Javascript
jQuery实现列表自动循环滚动鼠标悬停时停止滚动
Sep 06 Javascript
js判断是否按下了Shift键的方法
Jan 27 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
jquery实现漂亮的二级下拉菜单代码
Aug 26 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
Mar 04 Javascript
Angular 表单控件示例代码
Jun 26 Javascript
详解使用 Node.js 开发简单的脚手架工具
Jun 08 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
May 05 Javascript
ES6箭头函数和扩展实例分析
May 23 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
总集篇&特番节目先行播出!《SAO Alicization War of Underworld》第2季度TV动画4月25日放送!
2020/03/06 日漫
CI框架中zip类应用示例
2014/06/17 PHP
ThinkPHP调用百度翻译类实现在线翻译
2014/06/26 PHP
php中Snoopy类用法实例
2015/06/19 PHP
给WordPress中的留言加上楼层号的PHP代码实例
2015/12/14 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
js DOM的学习笔记
2011/12/22 Javascript
JS子父窗口互相操作取值赋值的方法介绍
2013/05/11 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
2016/09/08 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
2017/09/10 Javascript
ES6下子组件调用父组件的方法(推荐)
2018/02/23 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
2019/10/10 jQuery
Postman如何实现参数化执行及断言处理
2020/07/28 Javascript
toString.call()通用的判断数据类型方法示例
2020/08/28 Javascript
[02:29]DOTA2英雄基础教程 陈
2013/12/17 DOTA
Python基于socket实现简单的即时通讯功能示例
2018/01/16 Python
对python cv2批量灰度图片并保存的实例讲解
2018/11/09 Python
[机器视觉]使用python自动识别验证码详解
2019/05/16 Python
pandas如何处理缺失值
2019/07/31 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
使用Python将xmind脑图转成excel用例的实现代码(一)
2020/10/12 Python
人力资源专员岗位职责
2014/01/30 职场文书
物业消防安全责任书
2014/07/23 职场文书
大学生军训自我鉴定范文
2014/09/18 职场文书
乡镇司法所2015年度工作总结
2015/10/14 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
python画条形图的具体代码
2022/04/20 Python
mysql sock文件存储了什么信息
2022/07/15 MySQL