js觸發(fā)select onchange事件的小技巧

更新時間：2014年08月05日 10:27:25 投稿：whsnow

select 或text的onchange事件需要手動改變select或text的值才能觸發(fā)，下面有個不錯的方法可以通過js觸發(fā)select onchange事件

select 或text的onchange事件需要手動（通過鍵盤輸入）改變select或text的值才能觸發(fā)，如果在js中給select或text賦值，則無法觸發(fā)onchang事件，
例如，在頁面加載完成以后，需要觸發(fā)一個onChange事件，在js中用document.getElementById("province").value="湖北";直接給select或text賦值是不行的，要想實現(xiàn)手動觸發(fā)onchange事件，需要在js給select賦值后，加入下面的語句

document.getElementById("province").fireEvent('onchange') 來實現(xiàn),

<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短信驗證碼如何實現(xiàn)
我們在使用移動、電信等運營商網(wǎng)上營業(yè)廳的時候，為確保業(yè)務的完整和正確性，經(jīng)常會需要用到短信的驗證碼。最近因為某省業(yè)務需要，也做了個類似的功能
2016-01-01
JavaScript面向對象繼承原理與實現(xiàn)方法分析
這篇文章主要介紹了JavaScript面向對象繼承原理與實現(xiàn)方法,結合實例形式分析就面向對象程序設計中原形、對象、繼承的相關概念、原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下
2018-08-08
純JS代碼實現(xiàn)氣泡效果
js氣泡效果，在項目需求中經(jīng)常遇到。今天小編把大概實現(xiàn)步驟分享到腳本之家平臺，感興趣的朋友可以參考下
2016-05-05
微信小程序時間選擇插件使用詳解
這篇文章主要為大家詳細介紹了微信小程序時間選擇插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
詳解Webpack實戰(zhàn)之構建 Electron 應用
本篇文章主要介紹了Webpack實戰(zhàn)之構建 Electron 應用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-12-12
JS+HTML5 Canvas實現(xiàn)簡單的寫字板功能示例
這篇文章主要介紹了JS+HTML5 Canvas實現(xiàn)簡單的寫字板功能,結合實例形式分析了js結合HTML5 canvas特性的圖形繪制相關操作技巧,需要的朋友可以參考下
2018-08-08
再論Javascript的類繼承
說到Javascript的類繼承，就必然離不開原型鏈，但只通過原型鏈實現(xiàn)的繼承有著不少缺陷。
2011-03-03
javascript實現(xiàn)tab切換的兩個實例
這篇文章主要介紹了javascript實現(xiàn)tab切換的兩個實例，是對之前方法原理的進一步延伸，需要深入了解的同學可以參考一下
2015-11-11
js判斷元素是否隱藏的方法
這篇文章主要介紹了js判斷元素是否隱藏的方法,需要的朋友可以參考下
2014-06-06
無阻塞加載腳本分析[全]
script標簽的阻塞行為會對頁面性能產(chǎn)生負面影響，大多數(shù)瀏覽器在下載或執(zhí)行腳本的同時，會阻塞下載位于它之后的資源，也會阻塞渲染位于它之后的元素。
2011-01-01