PHP & JavaScript Room :: 設置サンプル

<form action="#">
    <p>
        <select id="one2">
            <option value="">▼選択してください</option>
            <option value="valueA">テキストA</option>
            <option value="valueB">テキストB</option>
            <option value="valueC">テキストC</option>
        </select>
        <input type="button" value="インデックス番号・値・テキストを取得" onclick="fGetSelectOneDOM()" />
    </p>
    <p id="resGetSelectOneDOM"></p>
</form>

<script type="text/javascript">
    function fGetSelectOneDOM(){
        var s="";
        var sObj=document.getElementById("one2");
        var idx=sObj.selectedIndex;
        if(idx != "0") {
            /* 選択されたインデックス番号 */
            s ="インデックス番号="+idx+"<br>";
            /* 選択された値 */
            s += "値="+sObj[idx].value+"<br>";
            /* 選択されたテキスト */
            s += "テキスト="+sObj[idx].text;
            document.getElementById("resGetSelectOneDOM").innerHTML=s;
        }else{
            alert("選択してください");
        }
    }
</script>