js 触发select onchange事件
2014-03-21 06:08
423 查看
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>onchange触发事件_www.jbxue.com</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");
}; // www.jbxue.com
</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>onchange触发事件_www.jbxue.com</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");
}; // www.jbxue.com
</script>
</head>
<body>
省份:<select id="province" onchange= "changeProvince()"></select>
城市:<select id="city"></select>
</body>
</html>
相关文章推荐
- JS获取浏览器高度和宽度
- 【JSOI2007】字符加密
- ExtJs中表格用例代码
- JS设计模式——6.方法的链式调用
- JSON解析和XML解析区别对比
- js中把JSON字符串转换成JSON对象最好的方法
- js调用浏览器打印模块实现点击按钮触发自定义函数
- Js冒泡事件详解及阻止示例
- 页面装载js及性能分析方法介绍
- js获得网页背景色和字体色的方法
- JavaScript变量作用域与闭包实现
- javascript根据原型创建对象
- JS重构分页
- Js冒泡事件详解及阻止
- JS字随鼠标移动,伸缩菜单,搜索引擎,删表格列
- 作业3 :JSP指令与动作熟悉
- js 调用天气预报webservice
- js this 的介绍
- 那些编程语言MM们:Java、C++、Python、Ruby、PHP、C#、JS
- js控制全选,很实用