Question

我试图找到一种方法将多个输入字段的值复制到1个单输入字段中。

目前我只能使用以下代码将1个输入字段复制到另一个字段：

addEvent(document.getElementById('inputName'), 'keyup', function () {
   document.getElementById('inputURL').value = this.value.replace(' ', ' ');
 $(".sect2 input[@value='']").parents(".secTxt").hide();
});


function addEvent(ele, evnt, funct) {
  if (ele.addEventListener) // W3C
    return ele.addEventListener(evnt,funct,false);
  else if (ele.attachEvent)  // IE
    return ele.attachEvent("on"+evnt,funct);
}

可以做这样的事情：

addEvent(document.getElementById('inputName, inputName2, inputName3, inputName4'), 'keyup', function () {
   document.getElementById('inputURL').value = this.value.replace(' ', ' ');
 $(".sect2 input[@value='']").parents(".secTxt").hide();
});


function addEvent(ele, evnt, funct) {
  if (ele.addEventListener) // W3C
    return ele.addEventListener(evnt,funct,false);
  else if (ele.attachEvent)  // IE
    return ele.attachEvent("on"+evnt,funct);
}

如果没有，这样做的正确方法是什么？

提前致谢。

更新

以下所有示例均无效，也不实用。

我也尝试了自己的解决方案，但也没有用。

我只能假设这不可能使用javascript！

Answer 1

你的第二个例子是不可能的，但如果你还在使用jQuery那么这样的东西可能是最简单的解决方案

更新 - 考虑到这一点后，您可能需要以下内容

$(function(){
   $('#inputName, #inputName2, #inputName3, #inputName4').keyup(function(){    
       var str = "";
       $('#inputName, #inputName2, #inputName3, #inputName4').each(function() {
           str += $(this).val().replace(' ', '');
       });
       $('#inputURL').val(str);
   });
});

我添加了一个工作示例的jsFiddle here

Answer 2

而不是document.getElementById()，您可以使用document.querySelector()：

document.querySelector('#inputName, #inputName2, #inputName3, #inputName4')

使用javascript将多个输入字段中的多个值复制到一个输入字段中？

2 个答案: