Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在类索引中获取输入的值,并将其分配给自己集合中具有相同索引的另一个输入?_Javascript_Html_Jquery - Fatal编程技术网

Javascript 如何在类索引中获取输入的值,并将其分配给自己集合中具有相同索引的另一个输入?

Javascript 如何在类索引中获取输入的值,并将其分配给自己集合中具有相同索引的另一个输入?,javascript,html,jquery,Javascript,Html,Jquery,请原谅我的无礼,但请容忍我。 假设容器1中有任意数量的输入,其中一些共享一个类 我们还有另一个容器2,里面有一些输入,其中一些还共享一个类 我想要的是将容器1中的输入值复制到容器2中的相应输入值,容器1在类中具有索引。inputs1复制到容器2中的相应输入值,容器2中在类中具有相同的索引。inputs2 我知道如何使用var index1=$(this.closest(“input”).index(“inputs1”);获取我当前键入的输入(在其类中)的索引 我只是不知道应该使用什么jquery

请原谅我的无礼,但请容忍我。 假设容器1中有任意数量的输入,其中一些共享一个类

我们还有另一个容器2,里面有一些输入,其中一些还共享一个类

我想要的是将容器1中的输入值复制到容器2中的相应输入值,容器1在类
中具有索引。inputs1
复制到容器2中的相应输入值,容器2中在类
中具有相同的索引。inputs2

我知道如何使用
var index1=$(this.closest(“input”).index(“inputs1”);获取我当前键入的输入(在其类中)的索引

我只是不知道应该使用什么jquery选择器来传输值 我应该从哪里开始

将我的概念可视化的代码片段:

$(文档).on(“输入”,“输入”,函数(){
var index1=$(此).inputs1.index(.inputs1”);
var index2=$(此).inputs2.index(“.inputs2”);
});

如果您只想将值从class
标记的输入中复制到
#container2
中具有相应索引的输入中:

$(文档).on(“输入”,函数(事件){
让$currentInput=$(event.target)
if($currentInput.hasClass('inputs1')){
让InputOutpDate=$('#container2 input')[$currentInput.index()]
$(InputOutpDate).val(event.target.value)
}
});

如果您只想将值从class
标记的输入中复制到
#container2
中具有相应索引的输入中:

$(文档).on(“输入”,函数(事件){
让$currentInput=$(event.target)
if($currentInput.hasClass('inputs1')){
让InputOutpDate=$('#container2 input')[$currentInput.index()]
$(InputOutpDate).val(event.target.value)
}
});

您可以使用
:eq
从其他div获取相同的类,然后在那里添加值

演示代码
$(文档).on(“输入”,“输入”,函数(){
if($(this).hasClass(“inputs1”)){
var index1=$(此).index(“.inputs1”);
//获取具有相同索引的类
$(“#container2”).find(“.inputs2:eq(“+index1+”)).val($(this.val())
}
});



您可以使用
:eq
从其他div获取相同的类,然后在那里添加值

演示代码
$(文档).on(“输入”,“输入”,函数(){
if($(this).hasClass(“inputs1”)){
var index1=$(此).index(“.inputs1”);
//获取具有相同索引的类
$(“#container2”).find(“.inputs2:eq(“+index1+”)).val($(this.val())
}
});



方法稍有不同,可能更易于阅读

const$in_1=$('.inputs1'),
$in_2=$('.inputs2');
$in_1.on(“输入”,函数(){
const inIdx=$in_1.索引(本);
$in_2.eq(inIdx).val(该值);
});

方法稍有不同,可能更易于阅读

const$in_1=$('.inputs1'),
$in_2=$('.inputs2');
$in_1.on(“输入”,函数(){
const inIdx=$in_1.索引(本);
$in_2.eq(inIdx).val(该值);
});


所以容器1中的第一个输入将与容器2s中的第一个输入具有相同的值,依此类推?否,容器1中该类中具有class.inputs1和索引#1的输入,将其值发送到具有类的input。容器2中其类中的inputs2和索引#1,依此类推。因此,容器1中的第一个输入将具有与容器2中的第二个输入相同的值,依此类推?否,容器1中此类中具有类的inputs1和索引#1的输入,将其值发送到具有类的input。容器2中其类的inputs2和索引#1,因此我希望将它们复制到具有类的相应索引的inputs2。容器2中的inputs2我希望将它们复制到具有容器2中的类的相应索引的inputs2