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