-->
./
<!-- フラ&#65533;ュが見れな&#65533;のためにここに何か書&#65533; --> フラ&#65533;ュがインス&#65533;&#65533;ルされて&#65533;&#65533;たいで&#65533;&#65533;&#65533;

2010年03月29日

[JavaScript]リストボックスの値を取得

リストボックスの値取得と値の比較

 formではsubmitボタンを使うのが常識なのか、なかなか情報がみつかりませんでした。
 意外なことにprototype.jsでは情報を見つけることが出来ず、たぶん標準のJavaScriptのコードを使っているみたいです。
 もっとも$()関数やinnerHTMLは、prototype.jsを読み込んでいないと使えないと思います。

    <div style="float:left">
        <form name="fm1">
        <select name="val1" size="1">
            <option value="Linux">Linux</option>
            <option value="Windows">Windows</option>
            <option value="Emacs" selected="selected">Emacs</option>
            <option value="Vim">Vim</option>
            <option value="テレビ">テレビ</option>
            <option value="音楽">音楽</option>
        </select>
        </form>

        <form name="fm2">
        <select name="val2" size="6">
            <option value="Linux">Linux</option>
            <option value="Windows">Windows</option>
            <option value="Emacs" selected="selected">Emacs</option>
            <option value="Vim">Vim</option>
            <option value="テレビ">テレビ</option>
            <option value="音楽">音楽</option>
        </select>
        </form>

        <button onClick="javascript:disp1();">xxx1</button>
        <button onClick="javascript:disp2();">xxx2</button>
    <script type="text/javascript">
    function disp1() {
        <!--$('xxx1').innerHTML = document.getElementsByName("val1")[selectedIndex].value-->
        $('xxx1').innerHTML = document.fm1.val1.options[document.fm1.val1.selectedIndex].value
    }

    function disp2() {
        <!--$('xxx2').innerHTML = document.getElementsByName("val1")[selectedIndex].value-->
        $('xxx2').innerHTML = document.fm2.val2.options[document.fm2.val2.selectedIndex].value
    }

    </script>


    </div>

    <div id="xxx1" style="clear: both">
        xxx1 &nbsp;
    </div>
    <span id="xxx2"><span>

posted by hirono at 05:08| Comment(0) | TrackBack(0) | JavaScript
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/36738711

この記事へのトラックバック