[div 형태로 추가 삭제하기]
<script type="text/javascript"> <!-- function add_item(){ // pre_set 에 있는 내용을 읽어와서 처리.. var div = document.createElement('div'); div.innerHTML = document.getElementById('pre_set').innerHTML; document.getElementById('field').appendChild(div); }
function remove_item(obj){ // obj.parentNode 를 이용하여 삭제 document.getElementById('field').removeChild(obj.parentNode); } //--> </script>
<form method="post" action="./test1.php"> <div id="pre_set" style="display:none"> <input type="text" name="txt[]" value="" style="width:200px"> <input type="button" value="삭제" onclick="remove_item(this)"> </div>
<div id="field"></div>
<input type="button" value=" 추가 " onclick="add_item()"><br> 추가 버튼을 눌러보세요. <button>저장</button> </form> |
[input 타입으로 추가 삭제하기]
<html> <head> <title>www.webmadang.net</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <script language="javascript"> <!-- var oTbl; //Row 추가 function insRow() { oTbl = document.getElementById("addTable"); var oRow = oTbl.insertRow(); oRow.onmouseover=function(){oTbl.clickedRowIndex=this.rowIndex}; //clickedRowIndex - 클릭한 Row의 위치를 확인; var oCell = oRow.insertCell(); //삽입될 Form Tag var frmTag = "<input type=text name=addText style=width:350px; height:20px;> "; frmTag += "<input type=button value='삭제' onClick='removeRow()' style='cursor:hand'>"; oCell.innerHTML = frmTag; } //Row 삭제 function removeRow() { oTbl.deleteRow(oTbl.clickedRowIndex); } function frmCheck() { var frm = document.form;
for( var i = 0; i <= frm.elements.length - 1; i++ ){ if( frm.elements[i].name == "addText" ) { if( !frm.elements[i].value ){ alert("텍스트박스에 값을 입력하세요!"); frm.elements[i].focus(); return; } } } } //--> </script> </head> <body> <form name="form" method="post"> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="left" bgcolor="#FFFFFF"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5" bgcolor="#FFFFFF" height="25" align="left"> <input name="addButton" type="button" style="cursor:hand" onClick="insRow()" value="추가"> <font color="#FF0000">*</font>추가버튼을 클릭해 보세요.</td> </tr> <tr> <td height="25"> <table id="addTable" width="400" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" border="0"> <tr> <td><input type="text" name="addText" style="width:350px; height:20px;"></td> <td align="left"></td> </tr> </table></td> </tr> </table> </td> </tr> </table> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="10"> </td> </tr> <tr> <td align="center"> <input type="button" name="button" value="확인" onClick="frmCheck();"> </td> </tr> </table> </form> </body> </html> |
배열로 넘겨 받기 KEY [ ] 로 받기
$i = 1;
while($i < 20) {
if($name[$i] != 0 ) {}
}
'개발 > PHP' 카테고리의 다른 글
| [html/php] 한페이지내 텝메뉴를 통한 구현 (0) | 2017.05.01 |
|---|---|
| 버튼을 통한 아래 메뉴 혹은 탭 페이지 구현 (0) | 2017.05.01 |
| 데이터 파싱 서버에서 off 일경우 // 데이터 파싱이 안될때 (0) | 2016.11.04 |
| php 숫자 앞에 0 을 붙일때, sprintf 쓰자! (0) | 2016.11.03 |
| 자동 펼침메뉴 소스 (0) | 2016.11.02 |