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