javascriptは、ドロップダウンリストボックスのテキスト値の例コードを取得します.

1456 ワード

最近の問題は、ユーザーがドロップダウンリストの中のオプションをクリックしてから、その選択した内容を保存することです.例えば以下のHTMLコード:
 
  

つまり、ユーザーが「上海」の列を選択すると、「上海」という名前を保存する必要があります.実は方法は簡単です.次のjavascriptコードを見てください.
 
  
function isSelected(value) {
var cityName;
var city = document.getElementById("city");
//
for(i=0;iif(city[i].selected==true){
cityName = city[i].innerText; //
alert("cityName:" + cityName);
}
}
このようにしてもいいです.
 
  
function isSelected(value) {
var city = document.getElementById("city");
alert(city.options[city.selectedIndex].innerText);
}
大まかに説明しますと、まずHTMLページにドロップダウン枠があり、このためにドロップダウン枠には「city」のidが定められています.そして、オンチャンgeイベントを結びつけました.このイベントを通じてjavascript関数を呼び出します.
javascript関数では、現在のドロップダウン枠のノード要素は、domcumentオブジェクトを介して取得されます.ノードの値は一つだけではないので、ループノードを介して各オプションの値を得ることができます.ループ時に現在のオプションが選択されているかどうかを判断することにより、チェックするとcity[i].innerTextで現在選択されているテキスト値を取得します.もちろんオプション値を取得する必要があれば、それだけでいいです.city[i].value.
以上の方法により、IEの下で所望の結果を達成することができる.しかし、FIREFOXでテストしたところ、この方法が役に立たないことが分かりました.最後に資料を調べて別の方法を発見しました.city[i].innerTextをcity[i].textに変更すればいいです.この方法はIE及びFIXEFOXに適用されます.