Question

更新：我使用第一个评论者的checkNo []建议修改了代码，因为我觉得它可能会有所帮助，而且反正它更优雅。

表单的初始硬编码字段组看起来几乎相同，除了我删除了“1”，例如“checkNo1”现在只是“checkNo”

创建新字段组的jQuery现在只复制初始代码：

var checksDiv = $('#checkForms');
var i = $('#checkForms p').length + 1;
var checkForm = $('#checkForms').html(); //COPY THE FIELD GROUP CODE

    $('#addCheck').click(function() {
           $(checkForm).appendTo(checksDiv);
           $('#checkCount').val(i);
           i++;
    });

现在循环看起来像这样：

for (i=1;i <= Request.Form("checkNo").Count; i++){ // LOOP THROUGH CHECKS 

        thisCheck = Request.Form("checkNo")(i);
        thisAmt = Request.Form("amt")(i);
        thisInvoices = Request.Form("invoices")(i);
}

结果呢？它仍然未定义...好像jQuery生成的字段不在那里......但它们是。我看到了他们，我把它们填满了，我在HTML中看到了......他们在那里，但是当我发布表格时，就像他们消失了一样。

vvvvvvvvvvv PRE-UPDATE vvvvvvvvvvvvvvv

我的表单部分（用户可以添加支票）看起来像这样：

<div id="checkForms">
  <p>
    <label for="checkNo1">
      <input type="text" id="checkNo1" size="20" name="checkNo1" value="" placeholder="Check Number" />
    </label>
    <label for="amt1">
      | $<input type="text" id="amt1" size="20" name="amt1" value="" placeholder="Amount" />
    </label>
    <br/>
    <label for="invoices1">
      <textarea name="invoices1" id="invoices1" placeholder="Invoice Amt" cols="50" rows="10"></textarea>
    </label>
  </p>
  <hr/>
</div>

<h3><a href="javascript:void(0)" id="addCheck">Add Another Check</a></h3>

<input type="hidden" id="checkCount" name="checkCount" value="1"> 
<input type="submit" name="submit" value="send" class="button sendit">

我有jQuery添加这样的新字段：

var checksDiv = $('#checkForms');
var i = $('#checkForms p').size() + 1;

    $('#addCheck').click(function() {
            $('<p><label for="checkNo' + i +'"><input type="text" id="checkNo' + i +'" size="20" name="checkNo' + i +'" placeholder="Check Number" /></label> | $<label for="amt' + i +'"><input type="text" id="amt' + i +'" size="20" name="amt'+ i +'" placeholder="Amount" /></label><br/><label for="invoices' + i +'"><textarea name="note" placeholder="Invoice Amt" cols="50" rows="10"></textarea></label><a href="javascript:void(0)" class="remCheck">Remove</a></p><hr/> ').appendTo(checksDiv);
            $('#checkCount').val(i);
            i++;
    });

这很好用，它们会出现......

然后在提交时，我正在访问这样的值：

for (i=1;i <= checkCount; i++){
    thisCheck = Request.Form("checkNo"+i);
    thisAmt = Request.Form("amt"+i);
etc....

第一组“硬编码”字段工作正常，但动态创建的所有内容都是“未定义”。我也试过这样：

for (i=1;i <= checkCount; i++){
    thisCheck = "checkNo"+i;
    thisCheck = Request.Form(thisCheck);
etc....

并确认它正在请求正确的表单字段名称。

Answer 1

您发布的服务器端代码应该可以使用，但是您已经省略了etc....这将会很有趣。

硬编码部分中有一个名为invoices1的textarea，但在动态部分中，您没有创建textarea 'invoices' + i，textarea的名称为note（没有索引）。

当您尝试使用与其他字段相同的过程访问这些textarea时，它将失败。

由jQuery创建的表单字段在提交时返回“undefined”

1 个答案: