javascript - 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

问题有两个

1) camelcCase 的appendTo 函数 - appendTo()

2) 您的按钮上有多个类 - 第一个类优先，因此请将其删除 <input type="button" class="editincidentbutton" value="Edit incident" />