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

<script type="text/javascript">
    /* DOM */
    function fGetElementTypeDOM(){
        var s="";
        var frmObj=document.getElementById("frmA2");
        for(var i in frmObj){
            if(frmObj[i]!=null){
                if(frmObj[i].type==undefined) continue;
                s+="<p>";
                s+="name = "+frmObj[i].name+"<br \/>";
                s+="type = "+frmObj[i].type+"<br \/>";
                s+="value = "+frmObj[i].value;
                s+="<\/p>\n";
            }
        }
        document.getElementById("redfGetElementType").innerHTML=s;
    }
</script>

<form action="#" id="frmA2">
    <p>
        <input type="radio" name="pet" value="ham" />ハムスター　
        <input type="checkbox" name="fruit" value="apple" />リンゴ　
        <input type=text name="drink" value="coffee" size="8" />　
        <select name="age">
            <option value="age10">10歳</option>
            <option value="age20">20歳</option>
        </select>　
        <input type="button" name="btn" value="ボタン" />
    </p>
    <p>
        <input type="button" value="フォームの全エレメントの名前・タイプ・値を取得（DOM）" onclick="fGetElementTypeDOM()" />
    </p>
    <div id="redfGetElementType"></div>
</form>