JQUERY:将第一个输入复制到第二个输入(数组输入)

JQUERY:将第一个输入复制到第二个输入(数组输入),jquery,arrays,Jquery,Arrays,我有两个和两个数组输入。我希望他们在关键事件上是平等的。 问题是我无法使每个第一输入值在每个第二输入上相等 (此小提琴只复制第一次输入) 我使用的Jquery。( 仅适用于经理[]到总经理[]。但无法将经理[]复制到总经理[]或将经理复制到总经理[] })) 我也尝试过这个jquery。 但它将第一个输入值复制到所有第二个输入 $(document).ready(function() { $('input[name="mgr[]"]').keyup(function(){ var va

我有两个和两个数组输入。我希望他们在关键事件上是平等的。 问题是我无法使每个第一输入值在每个第二输入上相等

(此小提琴只复制第一次输入)

我使用的Jquery。(

仅适用于经理[]到总经理[]。但无法将经理[]复制到总经理[]或将经理复制到总经理[]

}))

我也尝试过这个jquery。 但它将第一个输入值复制到所有第二个输入

$(document).ready(function() {

$('input[name="mgr[]"]').keyup(function(){
   var val = 0;
   $('input[name="mgr[]"]').each(function() {
                val += Number($(this).val());
            });

   $('input[name="gm[]"]').each(function() {
                $(this).val(val);
            });
});

});
我想要什么


首先简要说明您要遵循的代码。 在Jquery中,您可以使用选择器获取DOM中的元素,这些选择器可以是“.”表示类,也可以是“#”表示id属性

因此,在本例中,jquery函数表示,如果单击具有“js key up”类的元素,则在id属性中获取值,然后在文档中搜索具有id属性的元素,格式为“#”+id+”-。
在您的情况下,可以是类似以下代码的内容

<input class="mgr" id="1">
<input class="mgr" id="2">
<input class="mgr" id="3">

<input  id="gm1">
<input  id="gm2">
<input  id="gm3">

$('.mgr').keyup(function (e) {
    var id = $(this).attr('id');
    $('#gm' + id').html($(this).val());
});

$('.mgr').keyup(函数(e){
var id=$(this.attr('id');
$('#gm'+id').html($(this.val());
});

我希望有帮助。祝你好运

首先简要说明您要遵循的代码。 在Jquery中,您可以使用选择器获取DOM中的元素,这些选择器可以是“.”表示类,也可以是“#”表示id属性

因此,在本例中,jquery函数表示,如果单击具有“js key up”类的元素,则在id属性中获取值,然后在文档中搜索具有id属性的元素,格式为“#”+id+”-。
在您的情况下,可以是类似以下代码的内容

<input class="mgr" id="1">
<input class="mgr" id="2">
<input class="mgr" id="3">

<input  id="gm1">
<input  id="gm2">
<input  id="gm3">

$('.mgr').keyup(function (e) {
    var id = $(this).attr('id');
    $('#gm' + id').html($(this).val());
});

$('.mgr').keyup(函数(e){
var id=$(this.attr('id');
$('#gm'+id').html($(this.val());
});

我希望有帮助。祝你好运

首先,您应该永远停止在html中使用相同的ID。你的代码永远不会按预期的方式工作,你违反了惯例

我已经设法纠正您的代码,使其以类似数组的方式工作,其中第二个输入是通过第一个输入的索引找到的


首先,您应该永远停止在html中使用相同的ID。你的代码永远不会按预期的方式工作,你违反了惯例

我已经设法纠正您的代码,使其以类似数组的方式工作,其中第二个输入是通过第一个输入的索引找到的


根据您的HTML结构,此代码将帮助您

$(document).ready(function() {
  $("input[type=text]").on("input", function() {
    if($(this).index() / 2 != 0 || $(this).index() == 0) {
      $(this).next().val($(this).val());
    }
  });
});

根据您的HTML结构,此代码将帮助您

$(document).ready(function() {
  $("input[type=text]").on("input", function() {
    if($(this).index() / 2 != 0 || $(this).index() == 0) {
      $(this).next().val($(this).val());
    }
  });
});

您的JSFIDLE似乎工作正常,有什么问题吗?输入被放在正确的
p
元素中,只是看起来b/c
p
不是块元素,所以它们彼此堆叠在一起,使得看起来只有第一个p元素接收输入。它只将mgr[1]的值复制到gm[1]。但是无法将mgr[2]的值复制到gm[2]或将mgr[3]的值复制到gm[3]这是一个html格式问题,您的逻辑是正确的。如果我为每个和都有相同的ID会怎么样?这里的问题是我正在使用输入数组。ID应该是唯一的。否则会出现意外行为。您的JSFIDLE似乎正在工作,有什么问题吗?输入被放在正确的
p
元素中,只是看起来b/c
p
不是块元素,所以它们彼此堆叠在一起,使得看起来只有第一个p元素接收输入。它只将mgr[1]的值复制到gm[1]。但是无法将mgr[2]的值复制到gm[2]或将mgr[3]的值复制到gm[3]这是一个html格式问题,您的逻辑是正确的。如果我为每个和都有相同的ID会怎么样?这里的问题是我正在使用输入数组。ID应该是唯一的。否则你会得到意想不到的行为。天哪!这正是我想要的。如果我有相同的身份证,我很抱歉。这只是一个循环。但是请注意你的建议。天哪!这正是我想要的。如果我有相同的身份证,我很抱歉。这只是一个循环。但我会注意你的建议。