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

実行結果

送信された値:

ソース

<script type="text/javascript">
    /* 送信ボタンが押されたフォームのテキストボックスのみ有効化 */
    function send(frmID){
        var frmObj=document.getElementById(frmID);
        for(var i=0; i<frmObj.length; i++){
            if(frmObj[i].type=="text"){
                frmObj[i].disabled=false; /* 有効化 */
            }
        }
        return true;
    }
    /* ページ読込時(onLoadイベント)に全フォームのテキストボックスを無効化 */
    function init(){
        var frmObj=document.getElementsByTagName("form");
        for(var i=0; i<frmObj.length; i++){
            for(var j=0; j<frmObj[i].length; j++){
                /* テキストボックスかどうか調べる */
                if(frmObj[i][j].type=="text"){
                    frmObj[i][j].disabled=true; /* 無効化 */
                }
            }
        }
    }
    window.onload = init;
</script>

<form id="frmF1" method="post" action="#" onsubmit="return send('frmF1')">
    <input type="text" name="txt1" size="5" value="値1" />
    <input type="text" name="txt2" size="5" value="値2" />
    <input type="submit" value="このフォームを送信" />
</form>
<form id="frmF2" method="post" action="#" onsubmit="return send('frmF2')">
    <input type="text" name="txt3" size="5" value="値3" />
    <input type="text" name="txt4" size="5" value="値4" />
    <input type="submit" value="このフォームを送信" />
</form>
<p>送信された値:<br><?=nl2br(print_r($HTTP_POST_VARS,true));?></p>

polarized women