2013-04-10 1 views
3

으로 만드십시오. 우선,이 문제에 대한 제목과 Google에서 검색 할 항목을 생각하는 데 많은 어려움이 있습니다. 그래서 제가 바보가 될지 모르지만, 여기 당신이 도와 주길 바라는 것이 있습니다.<input>의 고유 한 이름을

추가 입력란을 추가하는 단추가있는 양식이 있지만 버튼을 누를 때마다 반복되는 입력란의 이름이 필요합니다. 예 : 처음이 될 것입니다 :

<input type="textfield" name="field1" value=""/> 

이 그 다음을 누르면 두 번째, 그것은 것입니다 :

<input type="textfield" name="field2" value=""/> 

나는 또한 나는 현재 여기 무슨의 작은 예를 가지고 : http://jsfiddle.net/5gh75/14/

나를 도울 수 있는지 또는 더 많은 정보 감사를 필요로하는 경우 알려주십시오. :)

답변

6

가장 좋은 방법은 모두 field[]입니다.

서버 측 코드로 처리하면 배열이 만들어집니다. 예를 들어, PHP에서는 $_POST['field'][0], $_POST['field'][1] 등이 있습니다. 귀하의 예를 들어

+0

이 마법처럼 일했다

은 그냥 몇 가지 자바 스크립트를 사용! 덕분에 순식간에 쉽게 대답 할 수 있습니다 :) – Melloorr

2

:

JQuery와

var i=0; 
$('span.add').click(function() { 
    $('<input>').attr({ 
     type: 'textfield', 
     name: 'program'+i 
    }).appendTo('#addsoftware'); 
    i++; 
}); 

JSFiddle.

그러나 @ Kolink-s 응답이 훨씬 좋습니다.

+1

이것은 질문에 대한 답이었습니다 :'name : 'program'+ $ ('input'). 길이' –

+0

@JasonSperske 적은 코드로 같은 출력. :) – Vucko

+0

원래 이걸 시도했지만, 버튼을 누를 때마다 그 이름은 이전 필드와 같을 것입니다 :/ – Melloorr

0

편집 : 이전에이 게시물을 보냈습니다. 배열을 사용하면 분명히 더 좋을 것이고, JQuery는 항상 좋다. :). 나는에서이 예제를했다

<HTML> 
<HEAD> 
<TITLE>Dynamically add Textbox, Radio, Button in html Form using JavaScript</TITLE> 
<SCRIPT language="javascript"> 
idx = 0; 
function add() { 
    //Create an input type dynamically. 
    var element = document.createElement("input"); 

    //Assign different attributes to the element. 
    element.setAttribute("type", "textfield"); 
    element.setAttribute("name", "field" . idx); 
    element.setAttribute("value", ""); 

    idx++; 

    var foo = document.getElementById("fooBar"); 

    //Append the element in page (in span). 
    foo.appendChild(element); 
} 
</SCRIPT> 
</HEAD> 
<BODY> 
<FORM> 
<H2>Dynamically add element in form.</H2> 
Select the element and hit Add to add it in form. 
<BR/> 
<INPUT type="button" value="Add" onclick="add()"/> 

<span id="fooBar">&nbsp;</span> 

</FORM> 
</BODY> 
</HTML> 

: Add more text fields dynamically in new line (html)

관련 문제