Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.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 如何用JS合并两个表单字段_Javascript_Html_Jquery_Forms - Fatal编程技术网

Javascript 如何用JS合并两个表单字段

Javascript 如何用JS合并两个表单字段,javascript,html,jquery,forms,Javascript,Html,Jquery,Forms,我在Joomla有注册表格,几乎没有重复字段。 我要做的是将两个表单字段“First name”和“Last name”合并到第三个字段“name”中,并在它们之间留有空格 我用这个代码来复制密码字段,它只适用于一个字段。 但我无法合并这两个字段 jQuery(function() { jQuery("#password_field").change(function() { jQuery('#password2_field').val(this.value);}); }

我在Joomla有注册表格,几乎没有重复字段。 我要做的是将两个表单字段“First name”和“Last name”合并到第三个字段“name”中,并在它们之间留有空格

我用这个代码来复制密码字段,它只适用于一个字段。 但我无法合并这两个字段

jQuery(function() { 
jQuery("#password_field").change(function() { 
jQuery('#password2_field').val(this.value);});
});
有没有办法将2个字段合并为3个字段?

$(文档).ready(函数(){
$(“#FirstName,#LastName”).on('keyup',function(){
var firstName=$('#firstName').val();
var lastName=$('#lastName').val();
$('#mergeName').val('${firstName}${lastName}');
});
});

名字:
姓氏:
合并:

尝试这样做:

var firstName= document.getElementById('firstName').value;
var lastName= document.getElementById('lastName').value;
var mergeName= firstName + " " + lastName;
document.getElementById('mergeName').innerHTML= mergeName;

这是一个很好的解决方案。但是如果您在
input
上使用而不是在
change
事件上使用,则您的标记(合并)字段将在键入时自动更新,而不会丢失焦点。谢谢因为我在joomla表单中使用这个,所以我无法编辑字段的类,而且我看到你们在使用公共类“自动合并”。。我只能使用单个id获取所有字段。您可以使用id吗?是。。我只能用不同的ID获取所有3个字段。好的,我正在修改代码,您可以在i whilehi.时签入。。我尝试将此添加到我的网站,但它似乎不起作用。。我更改了我的ID,但也许我必须添加其他内容??你可以在这里看到它后,你把一些产品做购物车-2源字段后的电子邮件