Javascript 如何在一个输入中克隆/复制多个输入的值

你好，我的学校项目需要这个

我希望JAVASCRIPT在将4或5个输入字段中的内容输入到单个输入中时复制/克隆这些字段的值

这是必须收集所有值的输入：

<input type="hidden" id="mainInput" name="main" value="" />

<input type="hidden" id="mainInput" name="main" value="info1hello Worldmy SECONDsure!" />

这是其余输入

<input type="text" id="input1" name="input1" value="info1" />
<input type="text" id="input2" name="input2" value="hello World" />
<input type="text" id="input3" name="input3" value="my SECOND" />
<input type="text" id="input4" name="input4" value="sure!" />

因此，在最后一步中，结果必须是：

<input type="hidden" id="mainInput" name="main" value="" />

<input type="hidden" id="mainInput" name="main" value="info1hello Worldmy SECONDsure!" />

PS这必须在没有任何提交按钮的情况下发生。。。JS中有一个名为“聚焦”的选项

有什么想法吗

$('input[type="text"]').keydown(function () {
    $('#mainInput').val($('#input1').val() + $('#input2').val() + $('#input3').val() + $('#input4').val())
})

---

您可以尝试这种方法，在JSFIDLE中效果很好

<input type="text" class="testvalues" id="input1" name="input1" value="info1" />
<input type="text" class="testvalues" id="input2" name="input2" value="hello World" />
<input type="text" class="testvalues" id="input3" name="input3" value="my SECOND" />
<input type="text" class="testvalues" id="input4" name="input4" value="sure!" />
<input type="hidden" id="mainInput" name="main" value="" />

 $('.testvalues').on('keyup',function(){    
      var txtfirst=$('#input1').val();
      var txtsecond=$('#input2').val();
      var txtthird=$('#input3').val();
      var txtfourth=$('#input4').val();

      $('#mainInput').val(txtfirst +" "+ txtsecond +" "+ txtthird +" "+ txtfourth );

});

$（'.testvalues'）。在（'keyup'，function（）{
var txtfirst=$（'#input1'）.val（）；
var txtsecond=$（'#input2'）.val（）；
var txtthird=$（'#input3'）.val（）；
var txtfourth=$（'#input4'）.val（）；
$（'#main input'）.val（txtfirst+“”+txtsecond+“”+txtthird+“”+txtfourth）；
});

---

看看fiddle at

你可以试试这个方法，在iddle中效果很好

<input type="text" class="testvalues" id="input1" name="input1" value="info1" />
<input type="text" class="testvalues" id="input2" name="input2" value="hello World" />
<input type="text" class="testvalues" id="input3" name="input3" value="my SECOND" />
<input type="text" class="testvalues" id="input4" name="input4" value="sure!" />
<input type="hidden" id="mainInput" name="main" value="" />

 $('.testvalues').on('keyup',function(){    
      var txtfirst=$('#input1').val();
      var txtsecond=$('#input2').val();
      var txtthird=$('#input3').val();
      var txtfourth=$('#input4').val();

      $('#mainInput').val(txtfirst +" "+ txtsecond +" "+ txtthird +" "+ txtfourth );

});

$（'.testvalues'）。在（'keyup'，function（）{
var txtfirst=$（'#input1'）.val（）；
var txtsecond=$（'#input2'）.val（）；
var txtthird=$（'#input3'）.val（）；
var txtfourth=$（'#input4'）.val（）；
$（'#main input'）.val（txtfirst+“”+txtsecond+“”+txtthird+“”+txtfourth）；
});

---

看看fiddle at

我们这里不做作业。从JS事件处理程序开始-你已经知道你需要哪个了

onfocus

：）很好的尝试！那不是家庭作业！您可以阅读大约$。每个函数-您是想在按下按钮时复制值，还是想在键入其他输入时实时复制值？我们这里不做作业。从JS事件处理程序开始-您已经知道需要哪一个

onfocus

：）很好的尝试！那不是家庭作业！您可以阅读大约$。每个函数-您是想在按下按钮时复制值，还是想在键入其他输入时实时复制值？