向页面添加新元素时发生POST DATA问题

时间:2014-04-12 08:50:36

标签: javascript php jquery html post

大家好我有一个表单,我在其中动态添加一个新行,包括一个文本框和按下按钮上的复选按钮。但是,我需要某种方式来了解在帖子数据中按下了哪些检查按钮,因此需要一个值字段,其中包含每个检查按钮上的ID,代码如下所示:

<div id='1'>
    <div class="template">
        <div>
            <label class="right inline">Response:</label>
        </div>
        <div>
            <input type="text" name="responseText[]" value="" maxlength="400" />
        </div>
        <div>
            <input type="radio" name="responseRadio[]" value="" />
        </div>
    </div>
    <div>
        <input type="button" name="addNewRow" value="Add Row" />
    </div>
</div>

JS添加新行:

var $template = $('.template');
$('input[type=button]').click(function() {
    $template.clone().insertAfter($template);
});

有人能建议一个好的方法来帮助我在帖子数据中找到哪个文本字段,链接到哪个检查按钮,以及知道它是否被按下了?

目前如果您要添加3行并检查第3行,我无法确定第3行是按下的按钮 - 这是我的问题

1 个答案:

答案 0 :(得分:0)

克隆后,更改名称,以便了解此输入

拥有一个命名计数器也很不错:

喜欢:'somename[myInput' + counter + ']'

更新

var counter = 0;
var $template = $('.template');

$('input[type=button]').click(function() {
    counter++;
    $template.clone().attr('name' , 'somename[myInput' + counter + ']').insertAfter($template);
});

现在您有一个名为: somename 的数组,您可以在表单处理程序上对其内容进行循环。