Question

我正在尝试从表格外的表格中动态添加表单＆gt;有一个基本的表单，然后从摘要表格我想要单击一个编辑按钮，将向表单添加元素。下面是我第一次尝试添加隐藏字段。我有隐藏字段所在的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

jQuery函数名称为appendTo，其中＆＃34; To＆＃34;大写，Javascript区分大小写 - 您需要将代码行更改为：

      }).appendTo("#hidfielddiv");

Answer 2

问题是双重的

1）camelcCase appendTo函数 - appendTo()

2）你的按钮上有多个类 - 第一个优先，所以删除它 <input type="button" class="editincidentbutton" value="Edit incident" />

Answer 3

两个问题。要么执行appendTo（区分大小写），要么使用追加和反转div。我在下面写了

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

}）;

第二个问题（重要）是你正在听的按钮有两个＆＃39; class＆＃39;值。这应该是

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

而不是

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

我测试了它并且它有效，如果您有任何问题，请告诉我。

jquery我试图将隐藏的字段从窗体外的按钮追加到隐藏的div

3 个答案: