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

<form name="frmB" action="#">
    <p>
        <select name="multi" size="3" multiple="multiple">
            <option value="値A">テキストA</option>
            <option value="値B">テキストB</option>
            <option value="値C">テキストC</option>
        </select>
    </p>
    <p><input type="button" value="取得" onclick="fGetMSelect()" /></p>
</form>

<script type="text/javascript">
    function fGetMSelect(){
        var s="";
        var idx=new Array();
        var sel=document.forms["frmB"].elements["multi"].options;
        for(var i=0, n=0; i<sel.length; i++){
            if(sel[i].selected){ idx[n++]=i; }
        }
        if(idx.length>0){
            /* 選択されたインデックス番号 */
            s="選択されたインデックス番号 = "+idx+"\n\n";
            /* 選択数 */
            s+="選択された数 = "+idx.length+"\n\n";
            /* 選択されたテキスト */
            for(var i=0; i<sel.length; i++){
                s+="選択されたテキスト = "+sel[i].text+"\n";
            }
            alert(s);
        }else{
            alert("選択してください");
        }
    }
</script>