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

阿达莫

我在Joomla中注册了一些重复字段的表格。我想做的是将两个表单字段“名字”和“姓氏”合并到第三个字段“名称”中,并在它们之间留有空格。

我正在使用此代码来重复密码字段,它适用于一个字段。但我无法合并2个字段。

jQuery(function() { 
jQuery("#password_field").change(function() { 
jQuery('#password2_field').val(this.value);});
});

有什么办法可以将2fields合并为3rd?

阿尔斯兰·马吉德

$(document).ready(function(){
  $("#FirstName,#LastName").on('keyup',function(){
  var firstName = $('#FirstName').val();
  var lastName = $('#LastName').val();
  $('#mergeName').val(`${firstName} ${lastName}`);
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>

<form action="">
  First name: <input type="text" name="FirstName" class="autoMerge" id="FirstName"><br>
  Last name: <input type="text" name="LastName" class="autoMerge" id="LastName" ><br>
  Merged: <input type="text" name="mergeName" id="mergeName"><br>
</form> 

</body>

嗨,您可以使用类似这样的东西。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用JS fetch api系统替换onBlur触发的多个表单字段的jQuery AJAX系统?

如何使用three.js r71合并两个几何或网格?

使用Underscore.JS合并两个集合

如何使用AWK合并两个文件?

如何使用CSS禁用表单字段?

使用3个表中的查询填充表单字段

如何使用parsley.js验证div中的所有表单字段?

如何使用相似的JS代码控制多个表单字段

使用JS一起添加2个表单字段

如何合并两个接口并使所有字段可选?

当使用vue.js更改另一个表单字段时,如何有条件地重置表单字段

如何使表单字段准确?

如何使用JS在HTML表单中有两个提交选项?

如何使用AWK在产生的空字段上打印给定值的同时合并两个文件?

通过比较约束中的两个表单字段来验证它们

JSF:绑定来自同一表单字段的两个值

如何在Symfony2中为两个输入所呈现的表单字段设置属性

在单字段匿名类型linq中合并两个字段值

Rails将两个表单字段组合为一个

Rails合并表单字段

Symfony2:对一个实体属性使用两个表单字段?

如何计算两个输入表单字段并将值放在另一个字段中,而无需使用带有JSF的jquery提交表单

如何基于具有重复行的公共字段合并/合并两个文件

将日期时间分割为两个单独的表单字段(RAILS)

如何合并两个Ajax表单

如何使用 Vue.js 对表单字段值求和?

如何在 Symfony 2 中为两个模型字段创建单个表单字段?

如何使用 Javascript 验证表单字段

如何在颤动中并排放置两个文本表单字段