2017-10-04 1 views
-1

사용자 요구 사항에 따라 입력 필드가있는 행을 동적으로 추가하는 테이블이 있습니다. 이러한 입력 필드는 배열로 저장되므로 반복을 통해 각 행의 값을 가져 와서 db에 삽입 할 수 있습니다. 문제는 테이블의 첫 번째 "정적"행만 배열에 인식된다는 것입니다. 다른 모든 동적 입력 필드는 제출 될 때 입력 배열에 저장되지 않습니다.PHP로 동적 입력 값을 인식하지 못합니다.

<script> 
      $(window).load(function(){ 
    $(function() { 
    var rowv="<tr><td><input type=number name=minimum[] required></input></td>  
    <td><input type=number name=maximum[] required></input></td><td><input 
    type=number name=overall[] required></input></td><td><?php echo $formular;?> 
    </td></tr>";   

    $("#addRow").click(function() { 
     var row = $(rowv); 
     $("#mt > tbody").append(row); 
    }); 
}); 
}); 

    </script> 

배열을 처리 (약칭) PHP 코드이다 :

foreach($_POST['fi'] as $key=>$value){ 


        $sql="insert into band(fi) values ('$value')"; 

    } 

테이블 코드 단편은 별도의 행이 추가

<tr><td><input type=number name=minimum[] required></input></td><td><input type=number name=maximum[] required></input></td> <td><input type=number name=overall[] required></input>  
    <td><?php echo $formular;?></td></tr> 
    </tbody><tfoot><tr><td colspan="25"><div class="text-center"> 
    <button type="submit" class="btn btn-success">Submit</button> 
     </div></td></tr></tfoot></table></div></form> 

JQuery와 코드 첫 번째 행만 삽입됩니다. 동적으로 추가 된 모든 행은 포스트 배열에 제출되지 않습니다. 어떻게 해결할 수 있습니까?

답변

0

이렇게 입력 필드를 만든 다음 양식에 추가 한 다음 시도하십시오.

var input = document.createElement("input"); 
      input.type = "text"; 
      input.name = "minimum[]"; 
      input.required = "true"; 
$("#testForm").append(input); 
0

jQuery 구문이 올바르지 않은 것 같습니다. 클릭 기능을 다음으로 변경하십시오.

$("#addRow").click(function() { 
    $("#mt > tbody").append(
     "<tr>" + 
      "<td><input type='number' name='minimum[]' required></td>" + 
      "<td><input type='number' name='maximum[]' required></td>" + 
      "<td><input type='number' name='overall[]' required></td>" + 
      "<td><?php echo $formular;?></td>" + 
     "</tr>" 
    ); 
}); 
+0

이것은 작동하지 않습니다 ... 동일한 효과 – ewom2468

관련 문제