Javascript 如何更改jQuery中的名称值;添加另一个字段";功能

Javascript 如何更改jQuery中的名称值;添加另一个字段";功能,javascript,jquery,Javascript,Jquery,我试图在用户单击“添加另一个字段”按钮时添加另一个输入字段 虽然它工作得很好,但有一个小问题,即输入字段中的名称应该向附加字段中较早的名称值添加+1,该字段以字符串而不是int返回 单击“添加其他字段”后,将显示一个新输入,其名称值为name=“asin1”,进一步为name=“asin11”&name=“asin111”。我怎样才能把它加起来作为一个计数呢 另一方面,我如何在后端页面上知道用户使用PHP实际添加了多少字段 非常感谢您的帮助 $('.extra-fields-customer'

我试图在用户单击“添加另一个字段”按钮时添加另一个输入字段

虽然它工作得很好,但有一个小问题,即输入字段中的名称应该向附加字段中较早的名称值添加+1,该字段以字符串而不是int返回

单击“添加其他字段”后,将显示一个新输入,其名称值为
name=“asin1”
,进一步为
name=“asin11”
&
name=“asin111”
。我怎样才能把它加起来作为一个计数呢

另一方面,我如何在后端页面上知道用户使用PHP实际添加了多少字段

非常感谢您的帮助

$('.extra-fields-customer')。单击(函数(){
$('.customer\u records').clone().appendTo('.customer\u records\u dynamic');
$('.customer\u records\u dynamic.customer\u records').addClass('single remove');
$('.single.extra-fields-customer').remove();
$('.single')。追加('');
$('.customer\u records\u dynamic>.single').attr(“class”,“remove”);
$('.customer_records_dynamic input')。每个(函数(){
var计数=1;
var fieldname=$(this.attr(“name”);
$(this).attr('name',fieldname+count);
计数++;
});
});
$(文档)。在('单击','上。删除字段',函数(e){
$(this.parent('.remove').remove();
e、 预防默认值();
});


第一种解决方案: 定义的计数和字段名超出函数
。每个

$('.extra-fields-customer')。单击(函数(){
$('.customer\u records').clone().appendTo('.customer\u records\u dynamic');
$('.customer\u records\u dynamic.customer\u records').addClass('single remove');
$('.single.extra-fields-customer').remove();
$('.single')。追加('');
$('.customer\u records\u dynamic>.single').attr(“class”,“remove”);
var计数=1;
变量fieldname='asin';
$('.customer_records_dynamic input')。每个(函数(){
$(this).attr('name',fieldname+count);
计数++;
});
});
$(文档)。在('单击','上。删除字段',函数(e){
$(this.parent('.remove').remove();
e、 预防默认值();
});


第一种解决方案: 定义的计数和字段名超出函数
。每个

$('.extra-fields-customer')。单击(函数(){
$('.customer\u records').clone().appendTo('.customer\u records\u dynamic');
$('.customer\u records\u dynamic.customer\u records').addClass('single remove');
$('.single.extra-fields-customer').remove();
$('.single')。追加('');
$('.customer\u records\u dynamic>.single').attr(“class”,“remove”);
var计数=1;
变量fieldname='asin';
$('.customer_records_dynamic input')。每个(函数(){
$(this).attr('name',fieldname+count);
计数++;
});
});
$(文档)。在('单击','上。删除字段',函数(e){
$(this.parent('.remove').remove();
e、 预防默认值();
});



因为您在后端使用PHP,所以您确实不需要像对一组静态字段那样跟踪名称

看看这个:

<input type="text" name="asin[]" />
<input type="text" name="asin[]" />
<input type="text" name="asin[]" />

// php will convert it to an array in the backend as $_POST['asin']


//php将其转换为后端的数组,格式为$\u POST['asin']
在PHP中,您将需要以下内容:

<?php

foreach ($_POST['asin'] as $asinInputValue) {
    // iterate over each input's value
    echo $asinInputValue . "<br>";
}

由于您在后端使用PHP,因此您确实不需要像对一组静态字段那样跟踪名称

看看这个:

<input type="text" name="asin[]" />
<input type="text" name="asin[]" />
<input type="text" name="asin[]" />

// php will convert it to an array in the backend as $_POST['asin']


//php将其转换为后端的数组,格式为$\u POST['asin']
在PHP中,您将需要以下内容:

<?php

foreach ($_POST['asin'] as $asinInputValue) {
    // iterate over each input's value
    echo $asinInputValue . "<br>";
}