js觸發(fā)select onchange事件的小技巧
更新時(shí)間：2014年08月05日 10:27:25 投稿：whsnow
select 或text的onchange事件需要手動(dòng)改變select或text的值才能觸發(fā)，下面有個(gè)不錯(cuò)的方法可以通過(guò)js觸發(fā)select onchange事件
select 或text的onchange事件需要手動(dòng)（通過(guò)鍵盤(pán)輸入）改變select或text的值才能觸發(fā)，如果在js中給select或text賦值，則無(wú)法觸發(fā)onchang事件，
例如，在頁(yè)面加載完成以后，需要觸發(fā)一個(gè)onChange事件，在js中用document.getElementById("province").value="湖北";直接給select或text賦值是不行的，要想實(shí)現(xiàn)手動(dòng)觸發(fā)onchange事件，需要在js給select賦值后，加入下面的語(yǔ)句
document.getElementById("province").fireEvent('onchange') 來(lái)實(shí)現(xiàn),
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
<script type="text/javascript">
var provinces = new Array();
provinces["湖北"] = ["武漢","襄陽(yáng)","隨州","宜昌","十堰"];
provinces["四川"] = ["成都","內(nèi)江","達(dá)州"];
provinces["河南"] =["鄭州","南陽(yáng)","信陽(yáng)","漯河"];
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>
相關(guān)文章
基于JavaScript短信驗(yàn)證碼如何實(shí)現(xiàn)
我們?cè)谑褂靡苿?dòng)、電信等運(yùn)營(yíng)商網(wǎng)上營(yíng)業(yè)廳的時(shí)候，為確保業(yè)務(wù)的完整和正確性，經(jīng)常會(huì)需要用到短信的驗(yàn)證碼。最近因?yàn)槟呈I(yè)務(wù)需要，也做了個(gè)類(lèi)似的功能2016-01-01
JavaScript面向?qū)ο罄^承原理與實(shí)現(xiàn)方法分析
這篇文章主要介紹了JavaScript面向?qū)ο罄^承原理與實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析就面向?qū)ο蟪绦蛟O(shè)計(jì)中原形、對(duì)象、繼承的相關(guān)概念、原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2018-08-08
js氣泡效果，在項(xiàng)目需求中經(jīng)常遇到。今天小編把大概實(shí)現(xiàn)步驟分享到腳本之家平臺(tái)，感興趣的朋友可以參考下2016-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序時(shí)間選擇插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
詳解Webpack實(shí)戰(zhàn)之構(gòu)建 Electron 應(yīng)用
本篇文章主要介紹了Webpack實(shí)戰(zhàn)之構(gòu)建 Electron 應(yīng)用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
JS+HTML5 Canvas實(shí)現(xiàn)簡(jiǎn)單的寫(xiě)字板功能示例
這篇文章主要介紹了JS+HTML5 Canvas實(shí)現(xiàn)簡(jiǎn)單的寫(xiě)字板功能,結(jié)合實(shí)例形式分析了js結(jié)合HTML5 canvas特性的圖形繪制相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
說(shuō)到Javascript的類(lèi)繼承，就必然離不開(kāi)原型鏈，但只通過(guò)原型鏈實(shí)現(xiàn)的繼承有著不少缺陷。2011-03-03
javascript實(shí)現(xiàn)tab切換的兩個(gè)實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)tab切換的兩個(gè)實(shí)例，是對(duì)之前方法原理的進(jìn)一步延伸，需要深入了解的同學(xué)可以參考一下2015-11-11
這篇文章主要介紹了js判斷元素是否隱藏的方法,需要的朋友可以參考下2014-06-06![無(wú)阻塞加載腳本分析[全]](http://img.jbzj.com/images/xgimg/bcimg9.png)
script標(biāo)簽的阻塞行為會(huì)對(duì)頁(yè)面性能產(chǎn)生負(fù)面影響，大多數(shù)瀏覽器在下載或執(zhí)行腳本的同時(shí)，會(huì)阻塞下載位于它之后的資源，也會(huì)阻塞渲染位于它之后的元素。2011-01-01