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技巧大放送 学习jquery的朋友可以看下
Oct 14 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
Aug 09 Javascript
当前页禁止复制粘贴截屏代码小集
Jul 24 Javascript
js之事件冒泡和事件捕获详细介绍
Oct 28 Javascript
浅析JQuery UI Dialog的样式设置问题
Dec 18 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
Jan 08 Javascript
Vue中封装input组件的实例详解
Oct 17 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
vue router 通过路由来实现切换头部标题功能
Apr 24 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
JavaScript日期库date-fn.js使用方法解析
Sep 09 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传输数据的代码
2007/11/13 PHP
一步一步学习PHP(1) php开发环境配置
2010/02/15 PHP
纯php生成随机密码
2015/10/30 PHP
PHP基于单例模式实现的数据库操作基类
2016/01/15 PHP
TFDN图片播放器 不错自动播放
2006/10/03 Javascript
javascript实现的动态文字变换
2007/07/28 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
Node.js开发指南中的简单实例(mysql版)
2013/09/17 Javascript
详解js闭包
2014/09/02 Javascript
js判断是否按下了Shift键的方法
2015/01/27 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
js精确的加减乘除实例
2017/11/14 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
2019/10/26 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
[02:30]DOTA2英雄基础教程 暗影恶魔
2013/12/17 DOTA
Python中的类与对象之描述符详解
2015/03/27 Python
python关键字and和or用法实例
2015/05/28 Python
基于Python在MacOS上安装robotframework-ride
2018/12/28 Python
Python向excel中写入数据的方法
2019/05/05 Python
TensorFlow保存TensorBoard图像操作
2020/06/23 Python
Win10下配置tensorflow-gpu的详细教程(无VS2015/2017)
2020/07/14 Python
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
Oracle里面常用的数据字典有哪些
2014/02/14 面试题
什么是GWT的Entry Point
2013/08/16 面试题
大学总结自我鉴定
2014/01/18 职场文书
股东授权委托书
2014/10/15 职场文书
实习科室评语
2015/01/04 职场文书
社区活动总结
2015/02/04 职场文书
刘公岛导游词
2015/02/05 职场文书
劳动仲裁撤诉申请书
2015/05/18 职场文书
民事调解书范文
2015/05/20 职场文书
2019军训心得体会
2019/06/27 职场文书
MySQL 覆盖索引的优点
2021/05/19 MySQL