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

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

<script type="text/javascript">
    function fGetSelectOne(){
        var s="";
        var frm=document.forms["frmA"];
        var idx=frm.elements["one"].selectedIndex;
        if(idx!="") {
            /* 選択されたインデックス番号 */
            s="インデックス番号="+idx+"\n";
            /* 選択された値 */
            s+="値="+frm.elements["one"].options[idx].value+"\n";
            /* 選択されたテキスト */
            s+="テキスト="+frm.elements["one"].options[idx].text;
            alert(s);
        }else{
            alert("選択してください");
        }
    }
</script>