0

更新

整理了正在进行的解决方案并添加了一些额外的细节

我有一个基于模板创建克隆的表单区域。为了确保表单按顺序传输，脚本在发送时通过表单附加一个定义当前批次集的数字。以下是正在发生的事情的过度简化表示：

<form>
    <div class="batch-template">
        <div class="batch-piece">
            <a class="clone" />
            <input name="test-input">
            <input name="another-test-input">
            <select name="a-drop-down">
        </div>
    </div>
    <div class="batch-paste-area">
    </div>
</form>

页面开始时：

  • “批处理模板”的内容存储到对象变量中
  • 原始模板已从页面中删除
  • 模板的一个实例被附加到“batch-paste-area”

以下是单击两次后创建的输出示例。

<form>
    <div class="batch-template">
    </div>
    <div class="batch-paste-area">
        <div class="batch-piece">
            <a class="clone" />
            <input name="test-input">
            <input name="another-test-input">
            <select name="a-drop-down">
        </div>
        <div class="batch-piece">
            <a class="clone" />
            <input name="test-input">
            <input name="another-test-input">
            <select name="a-drop-down">
        </div>
    </div>
</form>

在提交表单时：在序列化之前，我希望脚本循环遍历“batch-paste-area”中的每个“batch-piece”，并在每个表单字段名称的末尾添加一个计数值。继续上面的设置，结果（对于浏览器）看起来如下所示：

<form>
    <div class="batch-template">
    </div>
    <div class="batch-paste-area">
        <div class="batch-piece">
            <a class="clone" />
            <input name="test-input1">
            <input name="another-test-input1">
            <select name="a-drop-down1">
        </div>
        <div class="batch-piece">
            <a class="clone" />
            <input name="test-input2">
            <input name="another-test-input2">
            <select name="a-drop-down2">
        </div>
    </div>
</form>

到目前为止，我可以遍历粘贴区域中的每个输入，或者只选择最后一个。

选择最后一批很简单：

var intCount = 1;
$('.batch-paste-area .batch-piece').each(function(){
    /* 
    * Would like to be able to loop through form fields here 
    * Below is an attempt to select all form fields for current set 
    */
    $(this + ' input, '+ this + ' select').each(function() {
        var strName = $(this).attr('name') + intCount;
        $(this).attr('name', strName);
    });
    intCount++;    
});
4

1 回答 1

0

令人沮丧的是，我实际上已经提前尝试了正确的解决方案，但当时忘记了使用逗号！

var intCount = 1;
$('.batch-paste-area .batch-piece').each(function(){
    /* 
    * Would like to be able to loop through form fields here 
    * Below is an attempt to select all form fields for current set 
    */
    $(this).find("input, select").each(function() {
        var strName = $(this).attr('name') + intCount;
        $(this).attr('name', strName);
    });
    intCount++;    
});
于 2013-11-01T09:09:57.583 回答