Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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_Jquery - Fatal编程技术网

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

使用javascript将多个输入字段中的多个值复制到一个输入字段中?,javascript,jquery,Javascript,Jquery,我试图找到一种方法,将多个输入字段的值复制到一个输入字段中 目前,我只能使用以下代码将1个输入字段复制到另一个输入字段中: addEvent(document.getElementById('inputName'), 'keyup', function () { document.getElementById('inputURL').value = this.value.replace(' ', ' '); $(".sect2 input[@value='']").parents(".s

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

目前,我只能使用以下代码将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

您的第二个示例是不可能的,但是如果您正在使用jQuery,那么像这样的东西可能是最简单的解决方案

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

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

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

instead of
document.getElementById()
您可以使用
document.querySelector()


你为什么不试试呢?还有,为什么要替换(“”,“)?@Johan,现在没有坐在我的桌子上。但我认为在开始工作之前,我最好先问一下并得到答案/解决方案。我认为你应该使用jquery,这更好。@user3454730这很容易实现,但我们看不到你所有的代码,我们可以提供示例和帮助,剩下的就看你了。我的例子到底没有做什么?您在示例中使用了jQuery,所以我假设您在文件中引用了它?另外,您希望如何将所有值连接到一个输入中?i、 e逗号分隔还是空格分隔?@MarkWalters,没关系,伙计。我找到了解决办法。。我将发布我自己的解决方案,并接受它作为答案。为什么前两个
输入名
#
符号,其余的没有?我忘了把它们放在:)。编辑抱歉,但这没用。它甚至不适用于1,更不用说“多个”。我想做一个“名字”+“姓氏”=>“usersname”技术,这对它有效,所以谢谢!假设他没有使用IE7;)嗯…@johan同意你的看法,在旧版本的ie中不起作用。
document.querySelector('#inputName, #inputName2, #inputName3, #inputName4')