div에 입력 삽입 jQuery

도움이 필요합니다. 일부 입력이있는 양식이 있고 div로 정렬되었습니다. 내가 보낼 때 은 내가 this-div에 입력 삽입 jQuery

$(document).ready(function(){ 
    $("#more").click(function(){ 
    $("#div_name").append("<input type=\"text\" name\"test\" value=\"test\" />"); 
    }); 
});

그런 짓을하려고 이상의 입력하도록 사업부에 삽입 할 그리고 HTML은

<form action="" method="post" enctype="multipart/form-data" name="form_name"> 
    <input type="text" name="text_input" value="test" /> 
    <div id="div_name"></div> 
    <input type="button" id="more" value="Add more" /> 
</form>

이며 작품의 큰 입력을 추가 할 수 있지만 jquery가 추가 한 입력을 보내지 않는 폼 print_r ($ _ POST); 그는 나에게 내가 방금 추가 제외한 모든 게시물을 표시합니다, 그래서 위의 jQuery 코드를 사용하면 출력도

 Array 
(
    [text_input] => test 
)

될 것입니다. 하지만 내가 $ ("form")을 할 때. append (...); , 모든 것이 잘되고 있지만 입력은 div에 없습니다. 감사합니다. :)

출처

2012-06-07 Videron

당신도 HTML을 게시해야합니다 – Gavriel

는 형식의 #div_name입니까? –

추가 한 후에 무엇이 렌더링되는지 보여 줄 수 있습니까? – Terry

div는 양식 안에 있어야합니다. div 앞에있는 양식의 시작 태그를 이동하고/div 뒤에/form 태그를 추가하면됩니다. 모든 실 거예요 작동 할 수 있도록 동일한 이름을 갖게됩니다 양식에 삽입되는 모든 동적 입력

<div id="..."> 
    <form> 
    </form> 
</div>

출처

2012-06-07 19:28:43 Gavriel

: 내 대답에 문제를 발견

그리고 아무것도 .. – Videron

좋아, 그러면 다른 방법으로해라. – Gavriel

변경된 내용이 없습니다. – Videron

첫째 :

이 작동하지 않는 경우에 그것을 다른 방법으로 주위를 않습니다. 각 입력 데이터를 구별하기 위해 이름의 끝에 숫자/문자열을 추가해야합니다.

다음은 체크 아웃을위한 양식이며, 양식 요소에 동적으로 생성 된 입력 요소가 포함되어 있음을 보여줍니다. http://jsfiddle.net/umuff/

UPDATE :

찾을 당신이 당신은 등호 이름

을 heres 작업 바이올린 후 서명 잊었 === 잘못

이름 \ "테스트 \"<을하고 http://jsfiddle.net/umuff/1/

출처

2012-06-07 20:46:58

div에 입력 삽입 jQuery

답변

관련 문제