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

実行結果

送信された値:

ソース

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

<form name="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="submit">
</form>
<form name="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="submit">
</form>
<p>送信された値:<br><?=nl2br(print_r($HTTP_POST_VARS,true));?></p>

polarized women