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 相关文章推荐
extjs 为某个事件设置拦截器
Jan 15 Javascript
jquery 实现两Select 标签项互调示例代码
Sep 25 Javascript
百度UEditor编辑器如何关闭抓取远程图片功能
Mar 03 Javascript
JavaScript事件委托实例分析
May 26 Javascript
基于bootstrap3和jquery的分页插件
Jul 31 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
Sep 06 Javascript
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
js实现简单的碰壁反弹效果
Aug 30 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
mac上node.js环境的安装测试
Jul 03 Javascript
vue调用本地摄像头实现拍照功能
Aug 14 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远程调试之XDEBUG
2015/12/29 PHP
PHP进程通信基础之信号量与共享内存通信
2017/02/19 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
javascript 按回车键相应按钮提交事件
2009/11/02 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
2013/07/09 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
2014/06/07 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
JavaScript函数柯里化详解
2016/04/29 Javascript
jQuery短信验证倒计时功能实现方法详解
2016/05/25 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
jquery仿京东侧边栏导航效果
2017/03/02 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
Vue.js对象转换实例
2017/06/07 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
Vue-cli中为单独页面设置背景色的实现方法
2018/02/11 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
2019/05/07 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
2020/04/20 Javascript
TensorFlow实现RNN循环神经网络
2018/02/28 Python
Python中使用__new__实现单例模式并解析
2019/06/25 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
amazeui 验证按钮扩展的实现
2020/08/21 HTML / CSS
日化店促销方案
2014/03/26 职场文书
大学生在校表现评语
2014/12/31 职场文书
2015初中教导处工作总结
2015/07/21 职场文书
2015年中秋晚会主持稿
2015/07/30 职场文书
运输公司工作总结
2015/08/11 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
利用python调用摄像头的实例分析
2021/06/07 Python
Python办公自动化之教你如何用Python将任意文件转为PDF格式
2021/06/28 Python
Python编写nmap扫描工具
2021/07/21 Python