Javascript 如何在动态添加的行中获取json数据

Javascript 如何在动态添加的行中获取json数据,javascript,jquery,html,Javascript,Jquery,Html,如何在动态添加的行中获取json数据 我面临的问题是, 如果单击添加行按钮4次,将添加4行,当我输入数据并单击提交按钮时,我只获得一行数据,无法动态添加剩余3行数据 我的失败代码如下 我只想动态添加json格式的行数据 $(文档).ready(函数(){ $(“.add_Row”)。单击(函数(){ 行=`选择一个项目saccount 1Account 2Account 3x`; $(“表>正文”)。追加(行); var defVal=$(“选择[name=acctname]”)。查找(“:

如何在动态添加的行中获取json数据

我面临的问题是, 如果单击添加行按钮4次,将添加4行,当我输入数据并单击提交按钮时,我只获得一行数据,无法动态添加剩余3行数据

我的失败代码如下

我只想动态添加json格式的行数据

$(文档).ready(函数(){
$(“.add_Row”)。单击(函数(){
行=`选择一个项目saccount 1Account 2Account 3x`;
$(“表>正文”)。追加(行);
var defVal=$(“选择[name=acctname]”)。查找(“:selected”).val();
if(defVal){
$(“选择[name=accountName]”)。查找(`option[value=${deffal}]`)。隐藏();
}
$(文档).on('单击','.dlt图标',函数()){
$(this.parents('tr.jsrow').first().remove();
});
bindScript();
});
});
/*JSON*/
(函数($){
$.fn.serializeFormJSON=函数(){
var o={};
var a=this.serializeArray();
$.each(a,function(){
if(o[this.name]){
如果(!o[this.name].push){
o[this.name]=[o[this.name]];
}
o[this.name].push(this.value | |“”);
}否则{
o[this.name]=this.value | |“”;
}
});
返回o;
};
})(jQuery);
$('form')。提交(函数(e){
e、 预防默认值();
风险值数据={
“现金支付”:[{
“narr”:$('pay#u description').val(),
“账户代码”:$(“#支付账户代码”).val(),
“借方”:$('#paydeb').val(),
“actname”:$('#payacc').val(),
“信用”:$(“#支付信用”).val()
},
{
“narr”:$('acc#u description').val(),
“账户代码”:$(“#现金账户代码”).val(),
“借方”:$('#cashdeb').val(),
“accountName”:$('#accountName').val(),
“贷记”:$('#crditCash').val()
}
]
};
控制台日志(数据);
});

帐户代码
帐户名称*
叙述*
借项*
信用
行动
选择TDS A/c名称
TDS空调1
TDS空调2
TDS空调3

提交
注意:-您需要删除类并添加与我添加的相同的按钮。。。 然后需要将tr追加到
$(“table>tbody”).append()中将此代码替换为
$('table tbody')。append()

这是工作票

$(文档).ready(函数(){
$(“#添加_行”)。单击(函数(){
$('table tbody').append('chooseanitemsaccount1account2account3x`);
var defVal=$(“选择[name=acctname]”)。查找(“:selected”).val();
if(defVal){
$(“选择[name=accountName]”)。查找(`option[value=${deffal}]`)。隐藏();
$(文档).on('单击','.dlt图标',函数()){
$(this.parents('tr.jsrow').first().remove();
});
bindScript();
}
});
});
/*JSON*/
$(“#cashSub”)。单击(函数(){
$('table tbody')。每个(函数(){
log($(this.find(“tr”).html())
});
});
(函数($){
$.fn.serializeFormJSON=函数(){
var o={};
var a=this.serializeArray();
$.each(a,function(){
if(o[this.name]){
如果(!o[this.name].push){
o[this.name]=[o[this.name]];
}
o[this.name].push(this.value | |“”);
}否则{
o[this.name]=this.value | |“”;
}
});
返回o;
};
})(jQuery);
$('form')。提交(函数(e){
e、 预防默认值();
风险值数据={
“现金支付”:[{
“narr”:$('pay#u description').val(),
“账户代码”:$(“#支付账户代码”).val(),
“借方”:$('#paydeb').val(),
“actname”:$('#payacc').val(),
“信用”:$(“#支付信用”).val()
},
{
“narr”:$('acc#u description').val(),
“账户代码”:$(“#现金账户代码”).val(),
“借方”:$('#cashdeb').val(),
“accountName”:$('#accountName').val(),
“贷记”:$('#crditCash').val()
}
]
};
控制台日志(数据);
});

添加行
帐户代码
帐户名称*
叙述*
借项*
信用
行动
选择TDS A/c名称
TDS空调1
TDS空调2
TDS空调3

提交
如果有几行,你不应该使用id。我也在使用id的SIR,这就是我的意思。如果有两行,则ID不再是唯一的。你永远不可能通过这种方式获得你所有的价值观。那么,先生,无论如何,我怎样才能获得价值观呢?对提议的变化做一个简短的解释将是一个很好的选择idea@VelimirTchatchevsky我解释得很差。。。请检查我添加了一些注释作为解释…:-)是的,先生,你能给我一个简短的解释,并告诉我如何检查数据是否正确。。你能给我看看小提琴吗?@Joe,在你评论之前添加了解释请检查:-)@ParthRaval先生我在控制台中没有看到提交的json数据为什么??