JAVASCRIPT 동적 INPUT BOX 추가

<script language="javascript">
<!--
function make(Z)
{

    if( Z == 0 )
    {
        var len = document.form1.select1.value ;
    }
    else
    {
        var len = document.form1.select2.value ;
    }
   
        txtbox=" ";
   
        if( len > 5 )
        {
        }
        else
        {

        for(i=0; i<len; i++)
        {
                if( Z == 0 )
                {
                txtbox=txtbox+"<input type=text name='top_msg'><br>";
                }
                else
                {
                txtbox=txtbox+"<input type=text name='btm_msg'><br>";
                }
       
        }
   


            if( Z == 0 )
            {
                document.getElementById('layer1').innerHTML    = txtbox;
                document.form1.select1.value    = eval( len ) + 1 ;
            }
            else
            {
                document.getElementById('layer2').innerHTML    = txtbox;
                document.form1.select2.value    = eval( len ) + 1 ;
            }
       
        }
}

function test()
{
document.getElementsByName('top_msg')[2].value = "2222";
}

//-->
</script>

<form name="form1" method=post>
총 5개까지 각각의 input box 동적 추가 됩니다.
<input type=text name='select1' value=1><input type=button value='test btn 1' onclick='make(0)'>&nbsp;&nbsp;
<input type=text name='select2' value=1><input type=button value='test btn 2' onclick='make(1)'>
<br><br><br><br>
특정 input box 에 값을 입력합니다. <input type=button value='test bnt3' onclick='test()' >
<p>
<span id="layer1"></span>

<br><br><br><br>
<span id="layer2"></span>

</form>

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다