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 相关文章推荐
5 cool javascript apps
Mar 24 Javascript
csdn 论坛技术区平均给分功能
Nov 07 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
分享20个提升网站界面体验的jQuery插件
Dec 15 Javascript
html的DOM中document对象forms集合用法实例
Jan 21 Javascript
Vue2.0 从零开始_环境搭建操作步骤
Jun 14 Javascript
JS实现简单获取最近7天和最近3天日期的方法
Apr 18 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
微信小程序以ssm做后台开发的实现示例
Apr 08 Javascript
Javascript confirm多种使用方法解析
Sep 25 Javascript
分享8个JavaScript库可更好地处理本地存储
Oct 12 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中文处理 中文字符串截取(mb_substr)和获取中文字符串字数
2011/11/10 PHP
腾讯微博提示missing parameter errorcode 102 错误的解决方法
2014/12/22 PHP
PHP基于迭代实现文件夹复制、删除、查看大小等操作的方法
2017/08/11 PHP
如何重写Laravel异常处理类详解
2020/12/20 PHP
妙用Jquery的val()方法
2012/06/27 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
Jquery 动态生成表格示例代码
2013/12/24 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
javascript中undefined与null的区别
2015/08/16 Javascript
jQuery内存泄露解决办法
2016/12/13 Javascript
React组件的三种写法总结
2017/01/12 Javascript
基于angular实现三级联动的生日插件
2017/05/12 Javascript
jquery+css实现下拉列表功能
2017/09/03 jQuery
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
vue2.0学习之axios的封装与vuex介绍
2018/05/28 Javascript
react同构实践之实现自己的同构模板
2019/03/13 Javascript
初试vue-cli使用HBuilderx打包app的坑
2019/07/17 Javascript
vue不操作dom实现图片轮播的示例代码
2019/12/18 Javascript
js+css实现全屏侧边栏
2020/06/16 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
[54:58]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第一场 11.25
2020/11/25 DOTA
彻底搞懂Python字符编码
2018/01/23 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
selenium跳过webdriver检测并模拟登录淘宝
2019/06/12 Python
Python三元运算与lambda表达式实例解析
2019/11/30 Python
python实现ssh及sftp功能(实例代码)
2020/03/16 Python
Python StringIO及BytesIO包使用方法解析
2020/06/15 Python
Python 实现二叉查找树的示例代码
2020/12/21 Python
HTML5实现可缩放时钟代码
2017/08/28 HTML / CSS
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
五年后的职业生涯规划
2014/03/04 职场文书
广播体操口号
2014/06/18 职场文书
党的群众路线教育实践活动查摆问题自查报告
2014/10/10 职场文书
庆六一开幕词
2015/01/29 职场文书
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python
利用JuiceFS使MySQL 备份验证性能提升 10 倍
2022/03/17 MySQL