jsトリガーselect onchangeイベントコード_javascriptスキル-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

jsトリガーselect onchangeイベントコード_javascriptスキル

May 16, 2016 pm 04:54 PM

select

select または text の onchange イベントは、select または text の値を変更することで手動でトリガーする必要があります (キーボード入力経由)。たとえば、js で select または text に値を割り当てた場合、onchang イベントはトリガーできません。ページが読み込まれた後、onChange イベントをトリガーするには、js で document.getElementById("province").value="Hubei" を使用する必要があります。必要に応じて、値を直接割り当てることはできません。 onchange イベントを手動でトリガーするには、js で選択する値を割り当てる必要があります。次のステートメント

document.getElementById("province").fireEvent('onchange') を追加して実装します。 🎜>

コードをコピーしますコードは次のとおりです。 <head>

<title>無題ドキュメント</title> 
<script type="text/javascript"> >var 省 = new Array(); 
省["湖北"] = ["武漢"、"襄陽"、"随州"、"宜昌"、"十堰"] 
省["四川"]; = ["成都","内江","大州"]; 
省 ["河南"] =["鄭州","南陽","信陽","羅河"]; 
{ 
var prov = document.getElementById("province"); 
var city =document.getElementById("city"); 
city.options.length =0; for(地方[prov]の変数i) 
{ 
city.option(new Option(地方[prov][i],地方[prov][i])); >} 
window.onload = function(){ 
var states = document.getElementById("province"); 

for(地方の変数インデックス) 
{ 
//アラート(インデックス); 
province.options.add(新しいオプション(インデックス, インデックス)); 
province.fireEvent("onchange");スクリプト> 
</head> 
<body> 
Province:<select id="province" onchange= "changeProvince()"></select> ;select id="city"></select> 
</html>