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 相关文章推荐
不同浏览器对回车提交表单的处理办法
Feb 13 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
javascript模拟地球旋转效果代码实例
Dec 02 Javascript
基于OL2实现百度地图ABCD marker的效果
Oct 01 Javascript
如何让一个json文件显示在表格里【实现代码】
May 09 Javascript
Bootstrap响应式侧边栏改进版
Sep 17 Javascript
JSON对象 详解及实例代码
Oct 18 Javascript
js事件冒泡与事件捕获详解
Feb 20 Javascript
React props和state属性的具体使用方法
Apr 12 Javascript
vue指令做滚动加载和监听等
May 26 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
Oct 31 Javascript
vue 接口请求地址前缀本地开发和线上开发设置方式
Aug 13 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访问查询mysql数据的三种方法
2006/10/09 PHP
如何提高MYSQL数据库的查询统计速度 select 索引应用
2007/04/11 PHP
php daddslashes()和 saddslashes()有哪些区别分析
2012/10/26 PHP
解析PHP中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
ThinkPHP5框架缓存查询操作分析
2018/05/30 PHP
javascript Excel操作知识点
2009/04/24 Javascript
JQuery中的$.getJSON 使用说明
2011/03/10 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
Vue.js每天必学之指令系统与自定义指令
2016/09/07 Javascript
jQuery实现扑克正反面翻牌效果
2017/03/10 Javascript
VUE中的无限循环代码解析
2017/09/22 Javascript
关于Angularjs中跨域设置白名单问题
2018/04/17 Javascript
自定义vue组件发布到npm的方法
2018/05/09 Javascript
Angular使用cli生成自定义文件、组件的方法
2018/09/04 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
详解JavaScript的数据类型以及数据类型的转换
2019/04/20 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
2019/06/19 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
[48:05]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VGJ.T vs VP
2018/03/31 DOTA
[41:17]完美世界DOTA2联赛PWL S3 access vs CPG 第二场 12.13
2020/12/17 DOTA
Python正则表达式匹配中文用法示例
2017/01/17 Python
python字典快速保存于读取的方法
2018/03/23 Python
Pyinstaller将py打包成exe的实例
2018/03/31 Python
python将视频转换为全字符视频
2019/04/26 Python
在pyqt5中QLineEdit里面的内容回车发送的实例
2019/06/21 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
介绍一下Python中webbrowser的用法
2013/05/07 面试题
JavaScript实现前端网页版倒计时
2021/03/24 Javascript
求职信结尾怎么写
2014/05/26 职场文书
Python中的min及返回最小值索引的操作
2021/05/10 Python
《地。-关于地球的运动-》单行本第七集上市,小说家朝井辽献上期待又害怕的推荐文
2022/03/31 日漫
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang