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下4个跨浏览器必备的函数
Mar 07 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
Mar 12 Javascript
jquery获取html元素的绝对位置和相对位置的方法
Jun 20 Javascript
深入理解Javascript中的valueOf与toString
Jan 04 Javascript
JS实现的走迷宫小游戏完整实例
Jul 19 Javascript
angularJs中$http获取后台数据的实例讲解
Aug 08 Javascript
jQuery滑动效果实现方法分析
Sep 05 jQuery
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
Nov 11 Javascript
微信小程序实现九宫格抽奖
Apr 15 Javascript
vue表单数据交互提交演示教程
Nov 13 Javascript
jquery实现上传图片功能
Jun 29 jQuery
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模拟ping命令(php exec函数的使用方法)
2013/10/25 PHP
PHP jQuery+Ajax结合写批量删除功能
2017/05/19 PHP
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
javascript+canvas实现刮刮卡抽奖效果
2015/07/29 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
2016/05/24 Javascript
jQuery File Upload文件上传插件使用详解
2016/12/06 Javascript
javascript删除html标签函数cIsHTML
2017/01/09 Javascript
assert()函数用法总结(推荐)
2017/01/25 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
用javascript获取任意颜色的更亮或更暗颜色值示例代码
2017/07/21 Javascript
基于three.js编写的一个项目类示例代码
2018/01/05 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
Vue完整项目构建(进阶篇)
2018/02/10 Javascript
服务端预渲染之Nuxt(使用篇)
2019/04/08 Javascript
JavaScript仿京东轮播图效果
2021/02/25 Javascript
web.py获取上传文件名的正确方法
2014/08/26 Python
python执行shell获取硬件参数写入mysql的方法
2014/12/29 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
python利用smtplib实现QQ邮箱发送邮件
2020/05/20 Python
Python中的Numpy矩阵操作
2018/08/12 Python
不到40行代码用Python实现一个简单的推荐系统
2019/05/10 Python
Python参数传递机制传值和传引用原理详解
2020/05/22 Python
python爬虫把url链接编码成gbk2312格式过程解析
2020/06/08 Python
python 线程的五个状态
2020/09/22 Python
Python批量删除mysql中千万级大量数据的脚本分享
2020/12/03 Python
50个强大璀璨的CSS3/JS技术运用实例
2010/02/27 HTML / CSS
LINUX下线程,GDI类的解释
2012/04/17 面试题
党委书记岗位职责
2013/11/24 职场文书
试用期转正鉴定评语
2014/01/27 职场文书
考试违纪检讨书
2014/02/02 职场文书
甜品店创业计划书
2014/08/14 职场文书
怎么写工作检讨书
2014/11/16 职场文书
无保留意见审计报告
2015/06/05 职场文书
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python