각종 소스창고/자바스크립트

필드 계속 추가하기 삭제하기

아침한때비 2012. 3. 21. 18:26

 

<script>

var get_one_tr = function(){
 var tr = document.createElement("tr");
 
 var td1 = document.createElement("td");

 var input1 = document.createElement("input");
 input1.setAttribute("input");
 input1.setAttribute("name", "floor[]");

 td1.appendChild(input1);

 

 var td2 = document.createElement("td");

 var input2 = document.createElement("input");
 input2.setAttribute("input");
 input2.setAttribute("name", "floor_min[]");

 td2.appendChild(input2);

 

 var td3 = document.createElement("td");

 var input3 = document.createElement("input");
 input3.setAttribute("input");
 input3.setAttribute("name", "floor_max[]");

 td3.appendChild(input3);

 tr.appendChild(td1);
 tr.appendChild(td2);
 tr.appendChild(td3);
 
 return tr;

}

var add_tr = function(){
 var tr = get_one_tr();

 document.getElementById("add_one_tr").appendChild(tr);
}
var remove_tr = function(){
 var par =document.getElementById("add_one_tr");
 if(par.childNodes.length && par.lastChild)
 par.removeChild(par.lastChild);
}

</script>
<body  leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" >


<table width="750" border="0" cellpadding="10" cellspacing="0">
<tr>
<td valign=top>


  <table width="100%"  border="1" cellspacing="0" cellpadding="0">
  <form name="gubun22" method="post" action="./best_regist.php" ENCTYPE="multipart/form-data">
  <input type='hidden' name='mode' value='insert'>
   <tr>
  <td align="left">
  <b>* 층별 분양가</b>     <input type="button" value="추가하기" onclick="add_tr();">   <input type="button" value="삭제하기" onclick="remove_tr();">
  </td>
  </tr>
  <tr>
  <td>
   
   
    <table width="100%"  border="1" cellspacing="0" cellpadding="0">
    <tr>
    <td width="100">해당층</td>
    <td>하한가(만원)</td>
    <td>상한가(만원)</td>
    </tr>
    <tbody id="add_one_tr">
                </tbody>  
    </table>

   
  </td>
  </tr>
  <tr>
    <td align=center><input type="submit" value="등록">
  <input type="button" value="뒤로" onclick='javascript:history.go(-1)'></td>
  </tr>
  </form>
  </table>

</td>
</tr>
</table>

 

 

'각종 소스창고 > 자바스크립트' 카테고리의 다른 글

이미지에 블링크(blink) 효과 주기  (0) 2012.04.02
euc-kr => utf8 로 변환과정   (0) 2012.03.21
내용 미리보기 스크립트   (0) 2012.03.21
전체선택 및 해제   (0) 2012.03.21
한줄뉴스 TextSlider   (0) 2012.03.21