js 触发select onchange事件代码
更新时间：2014年03月20日 15:24:37 作者：
select 或text的onchange事件需要手动（通过键盘输入）改变select或text的值才能触发，本文为大家介绍下使用js触发select onchange事件
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>
例如，在页面加载完成以后，需要触发一个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 checkbox/radio onchange不能兼容ie8处理办法
- Radio 单选JS动态添加的选项onchange事件无效的解决方法
- jsp中select的onchange事件用法实例
- 纯JavaScript实现获取onclick、onchange等事件的值
- js中的onchange和onpropertychange (onchange无效的解决方法)
- js触发onchange事件的方法说明
- JavaScript获取onclick、onchange等事件值的代码
- javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足
- javascript中的 onchange事件详解
相关文章
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
这篇文章主要介绍了JavaScript(js)处理的HTML事件、键盘事件、鼠标事件,结合实例形式分析了JavaScript针对HTML事件、键盘事件及鼠标事件的简单处理方法,需要的朋友可以参考下2019-11-11
本文主要介绍了JavaScript 对象合并的几种方法小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
非常不错的技术24点的游戏代码，他的算法值得学习，希望喜欢游戏的朋友，可以来看看2008-06-06
传统上，加载Javascript文件都是使用script标签，我们也可以使用DOM方法，动态加载Javascript文件，具体实现如下，感兴趣的朋友可以参考下2013-11-11
这篇文章主要介绍了javascript页面渲染速度测试脚本,计算浏览器渲染HTML页面所需要的时间,需要的朋友可以参考下2014-04-04
uniapp 如何设置 tabbar 的 midButton 按钮
在UniApp开发中,设置TabBar的midButton按钮可以增加用户交互的便利性,本文介绍了在App.vue中监听事件的方法,并提供了官方文档链接作为参考,通过这种方式可以实现TabBar中的特殊按钮功能,提升应用的用户体验2024-10-10
我不知道是否有什么标准规定不允许修改id属性，或者不建议修改id属性，总之IE对此支持不佳。2008-09-09
这篇文章主要介绍了JS实现头条新闻的经典轮播图效果,涉及javascript图片轮播切换相关实现技巧,需要的朋友可以参考下2019-01-01
JavaScript中有七种原始数据类型和几种引用数据类型,本文将清楚地介绍四种用于类型判断的方法,分别是typeOf、instanceOf、Object.prototype.toString.call()、Array.isArray(),并介绍其使用方法和判定原理,需要的朋友可以参考下2024-08-08
今天小编就为大家分享一篇layui实现给某一列加点击事件，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
最新评论