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 相关文章推荐
javascript 表单的友好用户体现
Jan 07 Javascript
js对象基础实例分析
Jan 13 Javascript
每天一篇javascript学习小结(Array数组)
Nov 11 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
May 13 Javascript
JS+CSS3实现超炫的散列画廊特效
Jul 16 Javascript
JavaScript装饰器函数(Decorator)实例详解
Mar 30 Javascript
详解基于Node.js的HTTP/2 Server实践
May 31 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
详解微信小程序的不同函数调用的几种方法
May 08 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
Jul 19 Javascript
vue 移动端记录页面浏览位置的方法
Mar 11 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 基本语法格式
2009/12/15 PHP
php错误提示failed to open stream: HTTP request failed!的完美解决方法
2011/06/06 PHP
简单谈谈PHP中strlen 函数
2016/02/27 PHP
php实现微信企业付款到个人零钱功能
2018/10/09 PHP
通过修改referer下载文件的方法
2008/05/11 Javascript
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
键盘 keycode的值 javascript时触发事件时很有用的要素
2009/11/02 Javascript
javascript 动态调整图片尺寸实现代码
2009/12/28 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
2012/10/11 Javascript
jquery修改属性值实例代码(设置属性值)
2014/01/06 Javascript
jquery根据锚点offset值实现动画切换
2014/09/11 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
js实现对table的增加行和删除行的操作方法
2016/10/13 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
浅谈对yield的初步理解
2017/05/29 Python
python使用SMTP发送qq或sina邮件
2017/10/21 Python
python删除不需要的python文件方法
2018/04/24 Python
Django 浅谈根据配置生成SQL语句的问题
2018/05/29 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
python实现京东订单推送到测试环境,提供便利操作示例
2019/08/09 Python
python读取Excel表格文件的方法
2019/09/02 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
python list多级排序知识点总结
2019/10/23 Python
校园门卫岗位职责
2013/12/09 职场文书
群众路线批评与自我批评发言稿
2014/10/16 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
上班迟到检讨书
2015/05/06 职场文书
千与千寻观后感
2015/06/04 职场文书
MySQL一些常用高级SQL语句
2021/07/03 MySQL
JavaScript设计模式之原型模式详情
2022/06/21 Javascript