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 相关文章推荐
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
Aug 28 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
May 17 Javascript
js 3秒后跳转页面的实现代码
Mar 10 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
Nov 08 Javascript
前端必备神器 Snap.svg 弹动效果
Nov 10 Javascript
Bootstrap基本组件学习笔记之分页(12)
Dec 08 Javascript
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
AngularJs 禁止模板缓存的方法
Nov 28 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
Dec 20 Javascript
LayerClose弹窗关闭刷新方法
Aug 17 Javascript
Vue下拉框回显并默认选中随机问题
Sep 06 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 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 curl实现抓取302跳转后页面的示例
2014/07/04 PHP
php递归创建目录的方法
2015/02/02 PHP
php获取从百度、谷歌等搜索引擎进入网站关键词的方法
2015/07/08 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
PHP的mysqli_ssl_set()函数讲解
2019/01/23 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
jQuery随机切换图片的小例子
2013/04/18 Javascript
jquery easyui combox一些实用的小方法
2013/12/25 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
jquery实用技巧之输入框提示语句
2016/07/28 Javascript
BootStrap glyphicon图标无法显示的解决方法
2016/09/06 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
解析jquery easyui tree异步加载子节点问题
2017/03/08 Javascript
JS实现的简单分页功能示例
2018/08/23 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
小程序实现多个选项卡切换
2020/06/19 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
2020/07/17 Javascript
Postman如何实现参数化执行及断言处理
2020/07/28 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
Python写的Tkinter程序屏幕居中方法
2015/03/10 Python
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
关于爱国的标语
2014/06/24 职场文书
教书育人演讲稿
2014/09/11 职场文书
2014年干部作风建设总结
2014/10/23 职场文书
儿园租房协议书范本
2014/12/02 职场文书
乔迁之喜答谢词
2015/01/05 职场文书
公务员学习中国梦心得体会
2016/01/05 职场文书
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript
Go语言读取txt文档的操作方法
2022/01/22 Golang
《王者天下》第4季首话新剧照 4月9日正式开播
2022/04/07 日漫