2010年08月27日

selectボックスのoptionの値を取得するJavaScript

<select id="select" onchange="changeSelect()">
    <option value="1">あいう</option>
    <option value="2">えお</option>
</select>

みたいなセレクトボックスで、onChangeイベントでJavaScriptを動かし、

function changeSelect(){
    var value =
        document.getElementById('select').options.value;
}


とすると、
IEでは選択したvalueが取得できますが、FireFoxではundefinedになりました。

実際には、valueもtextもJSPのスクリプトレットでループしつつ設定したりしてるので、そのへんで問題があっただけかもしれませんが…。

こんなときは以下のようにします。

function changeSelect(){
    var select = document.getElementById('select');
    var options =
        document.getElementById('select').options;
    var value = options.item(select.selectedIndex).value;
}


これでIEでもFireFoxでも取得できました。


koreedablog at 11:37コメント(1) 
Javascript 

コメント一覧

1. Posted by Desktop Wallpapers   2017年08月12日 09:15
5 このブログは本当に良いです

コメントする

名前
 
  絵文字
 
 
livedoor プロフィール

koreedablog

記事検索