채택완료

+버튼 불르면 input 가 아래로 하나 추가되기

2019-02-13 (수) 17:04:17 2,715

< div>

<input type="text" placeholder="email" value="" class="input_invite_email">
<input type="text" placeholder="email" value="" class="input_invite_email2">

< /div>

<div class="btn">+버튼</div>

이라는 테그가 있는데

클래스 btn 라는 버튼을 클릭하면 

< div>

<input type="text" placeholder="email" value="" class="input_invite_email">
<input type="text" placeholder="email" value="" class="input_invite_email2">

<input type="text" placeholder="email" value="" class="input_invite_email3">

< /div>

이 추가될수 있게 할 방법이 있을가요.

테그가 추가되고 클래스명에 숫자가 증가하는 방법이요...

부탁드립니다.

|

답변 2개

채택된 답변
+20 포인트
2019-02-13 (수) 18:00:49
Copy
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language='javascript' type='text/javascript'> 
<!-- 
var cnt = ''; 
function upfileAdd() 
{ 
    eval('upfileAddArea' + cnt).innerHTML += "<input type=file name=upfile size='60'><div id='upfileAddArea" + (cnt+1) + "'></div>"; 
    cnt++; 
} 
--> 
</script> 
</head>
<body>
<form name="form" method="POST" enctype="multipart/form-data"> 
<input type=file name=upfile size='60'> 
&nbsp;<a href="javascript:upfileAdd();">추가</a> 
<div id=upfileAddArea></div> 
</form> 
</body>
</html>
2019-02-13 (수) 18:55:49

구글에 검색하면 많이 나옵니다 예제

답변을 작성하려면 로그인이 필요합니다.