js 觸發(fā)select onchange事件代碼
更新時間：2014年03月20日 15:24:37 作者：
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>無標(biāo)題文檔</title>
<script type="text/javascript">
var provinces = new Array();
provinces["湖北"] = ["武漢","襄陽","隨州","宜昌","十堰"];
provinces["四川"] = ["成都","內(nèi)江","達(dá)州"];
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>
例如，在頁面加載完成以后，需要觸發(fā)一個onChange事件，在js中用document.getElementById("province").value="湖北";直接給select或text賦值是不行的，要想實現(xiàn)手動觸發(fā)onchange事件，需要在js給select賦值后，加入下面的語句
document.getElementById("province").fireEvent('onchange') 來實現(xiàn),
復(fù)制代碼 代碼如下:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標(biāo)題文檔</title>
<script type="text/javascript">
var provinces = new Array();
provinces["湖北"] = ["武漢","襄陽","隨州","宜昌","十堰"];
provinces["四川"] = ["成都","內(nèi)江","達(dá)州"];
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動態(tài)添加的選項onchange事件無效的解決方法
- jsp中select的onchange事件用法實例
- 純JavaScript實現(xiàn)獲取onclick、onchange等事件的值
- js中的onchange和onpropertychange (onchange無效的解決方法)
- js觸發(fā)onchange事件的方法說明
- JavaScript獲取onclick、onchange等事件值的代碼
- javascript開發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足
- javascript中的 onchange事件詳解
相關(guān)文章
JavaScript(js)處理的HTML事件、鍵盤事件、鼠標(biāo)事件簡單示例
這篇文章主要介紹了JavaScript(js)處理的HTML事件、鍵盤事件、鼠標(biāo)事件,結(jié)合實例形式分析了JavaScript針對HTML事件、鍵盤事件及鼠標(biāo)事件的簡單處理方法,需要的朋友可以參考下2019-11-11
本文主要介紹了JavaScript 對象合并的幾種方法小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
非常不錯的技術(shù)24點的游戲代碼，他的算法值得學(xué)習(xí)，希望喜歡游戲的朋友，可以來看看2008-06-06
js加載之使用DOM方法動態(tài)加載Javascript文件
傳統(tǒng)上，加載Javascript文件都是使用script標(biāo)簽，我們也可以使用DOM方法，動態(tài)加載Javascript文件，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-11-11
這篇文章主要介紹了javascript頁面渲染速度測試腳本,計算瀏覽器渲染HTML頁面所需要的時間,需要的朋友可以參考下2014-04-04
uniapp 如何設(shè)置 tabbar 的 midButton 按鈕
在UniApp開發(fā)中,設(shè)置TabBar的midButton按鈕可以增加用戶交互的便利性,本文介紹了在App.vue中監(jiān)聽事件的方法,并提供了官方文檔鏈接作為參考,通過這種方式可以實現(xiàn)TabBar中的特殊按鈕功能,提升應(yīng)用的用戶體驗2024-10-10
我不知道是否有什么標(biāo)準(zhǔn)規(guī)定不允許修改id屬性，或者不建議修改id屬性，總之IE對此支持不佳。2008-09-09
JS實現(xiàn)頭條新聞的經(jīng)典輪播圖效果示例
這篇文章主要介紹了JS實現(xiàn)頭條新聞的經(jīng)典輪播圖效果,涉及javascript圖片輪播切換相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-01-01
JavaScript中有七種原始數(shù)據(jù)類型和幾種引用數(shù)據(jù)類型,本文將清楚地介紹四種用于類型判斷的方法,分別是typeOf、instanceOf、Object.prototype.toString.call()、Array.isArray(),并介紹其使用方法和判定原理,需要的朋友可以參考下2024-08-08
今天小編就為大家分享一篇layui實現(xiàn)給某一列加點擊事件，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10