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 鼠标拖动图标技术
Feb 07 Javascript
Array.prototype.concat不是通用方法反驳[译]
Sep 20 Javascript
非常漂亮的相册集 使用jquery制作相册集
Apr 28 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
Aug 04 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
浅谈javascript的闭包
Jan 23 Javascript
js实现随机数字字母验证码
Jun 19 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
Feb 08 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
Mar 03 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
May 13 Javascript
MockJs结合json-server模拟后台数据
Aug 26 Javascript
微信小程序实现拖拽功能
Sep 26 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
咖啡界又出新概念,无需咖啡豆的分子咖啡
2021/03/03 咖啡文化
将OICQ数据转成MYSQL数据
2006/10/09 PHP
PHP扩展编写点滴 技巧收集
2010/03/09 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
用JavaScript隐藏控件的方法
2009/09/21 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
JS创建事件的三种方法(实例代码)
2016/05/12 Javascript
js判断iframe中元素是否存在的实现代码
2016/12/24 Javascript
原生js实现密码输入框值的显示隐藏
2017/07/17 Javascript
js统计页面上每个标签的数量实例代码
2018/05/29 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
vue实现直播间点赞飘心效果的示例代码
2019/09/20 Javascript
vue vant Area组件使用详解
2019/12/09 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
windows系统下Python环境的搭建(Aptana Studio)
2017/03/06 Python
python 读写文件,按行修改文件的方法
2018/07/12 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
PyCharm2019 安装和配置教程详解附激活码
2020/07/31 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
python 利用toapi库自动生成api
2020/10/19 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
canvas 如何绘制线段的实现方法
2018/07/12 HTML / CSS
英国最受欢迎的手表网站:Watch Shop
2016/10/21 全球购物
前厅收银主管岗位职责
2014/02/04 职场文书
学习交流会主持词
2014/04/01 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
小学教师先进事迹材料
2014/12/15 职场文书
教师节寄语2015
2015/03/23 职场文书
2015年教师见习期工作总结
2015/05/20 职场文书
开学典礼观后感
2015/06/15 职场文书
大学副班长竞选稿
2015/11/21 职场文书
文案策划岗位个人自我评价(范文)
2019/08/08 职场文书
年会邀请函的格式及范文五篇
2019/11/02 职场文书
Python list列表删除元素的4种方法
2021/11/01 Python