数组差异和更改更新值

时间:2017-08-07 12:19:39

标签: javascript jquery

我有两个数组,我可以从中生成2个不同div的动态输入字段,如下所示。

因此,一旦创建了输入字段,用户就可以更改div一个或div两个输入字段内的值。 如果您注意到div,则div两个可以在这种情况下使用相同的输入字段firstname,其值为" john"。

我如何检查名字的值是否在div一个或div两个中发生了变化? 如果firstname的值在div中更改了一个或div两个当前比我将其值提交到提交,我可能有多个类似的字段集,我需要在所有类似的上执行此操作字段集

所以我提交

var finaldata= {firstname:"abraham", lastname:"Doe" ,age:46, address:"newyork" ,mobile:"04126562356"} 
var arrayone = {firstName:"John", lastName:"Doe", age:46};
var arraytwo = {firstName:"John", address:"newyork",mobile:"04126562356"};

然后我会遍历arrayone并将其值输出到div

<div id="arrayone_panel">
   <input type="text" name="firstname" value="John">
   <input type="text" name="lastname" value="Doe">
   <input type="text" name="age"  value="46">
</div>

对于arraytwo,我将循环并将其值输出到另一个div

<div id="arraytwo_panel">
   <input type="text" name="firstname" value="John">  
   <input type="text" name="address" value="newyork">
   <input type="text" name="mobile" value="04126562356">
</div>

1 个答案:

答案 0 :(得分:1)

您可以将事件侦听器分别附加到两个输入,然后从各个事件处理程序获取提交值,如下所示:

$("#arrayone_panel").on('input', "[name='firstname']",function({
    //code..

}))


$("#arraytwo_panel").on('input', "[name='firstname']",function({
    //code..

}))