jQuery : 양식 필드의 ID 찾기

Question

사용자가 입력란을 양식에 추가 할 수있는 동적 양식을 만들고 있습니다.

사용자가 호출 "addCredit"다음 jQuery를 스크립트의 ID로 링크를 클릭

<form> 
    <input id="title1" class="title" name="title1" type="text" value=""> 
    <input id="productionCompany1" name="productionCompany1" type="text" value=""> 
    <input id="year1" name="year1" type="text" value=""> 
    <input id="role1" name="role1" type="text" value=""> 
<div id="newCredit">&nbsp;</div> 
<a href="#" id="addCredit">add another credit</a> 
</form> 

:

$(document).ready(function() { 
    var $ac = $('#addCredit'); 
    $ac.click(function() { 
/* the following two lines are where the problem lies? */ 
     var $credInt = $(this).prev(".title"); 
     $.get("addCredit.php", {num: $credInt}, 
     function(data){ 
     $('#newCredit').append(data);}); 
     return false; 
    }); 
}); 

JQuery와 함수가 호출 PHP 파일을 조회 "addCredit html로는 다음과 같습니다

<?php 
$int = $_GET["num"]; 
$int = substr($int, -1); 
$int++; 
?> 
<input id="title<?php echo $int;?>" class="title" name="title<?php echo $int;?>" type="text" value=""> 
<input id="productionCompany<?php echo $int;?>" name="productionCompany<?php echo $int;?>" type="text" value=""> 
<input id="year<?php echo $int;?>" name="year<?php echo $int;?>" type="text" value=""> 
<input id="role<?php echo $int;?>" name="role<?php echo $int;?>" type="text" value=""> 

내 문제는 그것이 addCredit.php 페이지로 전송하고 그에 따라 양식 필드를 업데이트 할 수 있도록 적절하게 설정 자바 스크립트 변수 $ credInt을 받고있다 : 다음과 같습니다 .PHP ". 나는 또한 폼이 추가 될 때마다, 다음에 보내지는 값이 증가 된 값이라는 것을 확신 할 필요가있다.

이 작업을 수행하는 방법에 대한 의견이 있으십니까? 도와 줘서 고마워.

Answer 1

잘못된 방법입니다. PHP는 변수 이름으로 배열 구문을 처리 할 수 ​​있습니다. 따라서 처리가 훨씬 쉬워집니다. 또한 폼을 복제하기 위해 서버를 호출 할 필요가 없습니다.

<form> 
    <div id="originalCredit"> 
    <input name="title[]" type="text" value=""> 
    <input name="productionCompany[]" type="text" value=""> 
    <input name="year[]" type="text" value=""> 
    <input name="role[]" type="text" value=""> 
    </div> 
    <a href="#" id="addCredit">add another credit</a> 
</form> 

을 다음 자바 스크립트는 다음과 같이 할 수있다 :이처럼 필드 이름을 지정해야 변수가 name[]의 형식으로되어 있기 때문에 양식이 마지막으로 서버로 전송

$(function() { 
    $('#addCredit').click(function() { 
     var newCredit = $('#originalCredit').clone(); // create new set 
     newCredit.find('input').val(''); // empty input fields 
     $(this).before(newCredit); // append at the end 
     return false; 
    }); 
}); 

PHP는 배열입니다 인식하고 당신이 할 수 있습니다 : 분명히 이것은 단지 예제로 표시됩니다

<? foreach($_POST['title'] as $k => $v) { ?> 
    Title: <?=$_POST['title'][$k]?><br> 
    Company: <?=$_POST['productionCompany'][$k]?><br> 
    Year: <?=$_POST['year'][$k]?><br> 
    Role: <?=$_POST['role'][$k]?><br> 
<? } ?> 

,하지만 당신은 그/업데이트/whateve을 절약 할 수 있습니다 그것으로 r.