jquery 양식 외부 버튼에서 숨겨진 div에 숨겨진 필드를 추가하려고합니다.

Question

양식 외부의 테이블에서 양식에 동적으로 추가하려고합니다.> 기본 양식이 있고 요약 테이블에서 원하는 양식을 선택합니다. 양식에 요소를 추가하는 편집 버튼을 클릭하십시오. 아래는 숨겨진 필드를 추가하는 첫 번째 시도입니다. 숨겨진 필드가있는 div가 있습니다.

다음 코드는 다음과 같습니다. 내가 보여주는 테이블은 실제로 스크롤 테이블과 div 디자인에 있습니다. 나는이 함수에 대한 기본 요소를 제거했다.

<form id="incidentform" action="" method="get"> 
<div id="hidfielddiv"> 
    <input type="hidden" name="mchnum" value="346"/> 
    <input type = "hidden" name="mchemploy" value="1"/> 
    <input type = "hidden" name="persontypeid" id="persontypeid" value="2"/>  
</div> 
<label class="main">Employee Information</label> 
<label class="empname">Name</label> 
    <label class="empname">Nursing Assistant - 80</label> 
    <input type="submit" class="button" id="addincidentButton" name="addincidentButton" value="Add Incident"/> 
</form> 
<table> 
    <tr> 
     <td style="display: none;">0</td> 
     <td style="display: none;">2</td> 
     <td>11/12/2014</td> 
     <td>4:04 PM</td> 
     <td> 
      <input type="button" class="button" class="editincidentbutton" value="Edit incident" /> 
     </td> 
    </tr> 
</table> 

표에서 볼 수 있듯이이 표는 양식 외부에 있으며 스크립트는 다음과 같습니다.

$(function(){ 
    $(".editincidentbutton").click(function(){ 
     $('<input>').attr({ 
     type: 'hidden', 
     id: 'superwitness', 
     name: 'superwitness', 
     value: '0' 
     }).appendto("#hidfielddiv"); 
    } 
    ) 
}) 

Answer 1

문제는

을 두 배입니다 appendTo()

2) 당신이 당신의 버튼을 여러 클래스를 가지고 - - 첫 번째이 우선하므로 제거

1)은 appendTo 기능을 camelcCase <input type="button" class="editincidentbutton" value="Edit incident" />

Answer 2

JQuery와 함수 이름은 대문자로 "을"과 appendTo, 그리고 자바 스크립트는 대소 문자를 구분합니다 - 당신이 코드의 당신의 라인을 변경해야

이

 }).appendTo("#hidfielddiv"); 

Answer 3

두 가지 문제. appendTo (대소 문자 구분)를 사용하거나 append를 사용하여 div를 반대로합니다. 나는 그것을 썼다

$(function(){ 
$(".editincidentbutton").click(function(){ 
    $('#hidfielddiv').append('<input type="hidden" id="superwitness" name="superwitness" value="0">'); 
}); 

});

두 번째 문제 (중요)는 듣고있는 버튼에 두 개의 '클래스'값이 있다는 것입니다. 이것은 내가 그것을 테스트하고, 당신이 어떤 문제가 있으면 알려 주시기 작품

<input type="button" class="button editincidentbutton" value="Edit incident" /> 

대신

<input type="button" class="button" class="editincidentbutton" value="Edit incident" /> 

이어야한다.