如何使用 CSS 将 2 个文本框复制到 1 个？答案

【问题标题】：How to copy 2 text boxes into 1 using CSS?如何使用 CSS 将 2 个文本框复制到 1 个？
【发布时间】：2015-09-27 04:08:10
【问题描述】：

我有 2 个文本输入，“First_Name”和“Last_Name”。

我有第三个文本框，我想显示全名，即“First_Name Last Name”。

到目前为止，我已经弄清楚了如何将文本从一个框复制到另一个框 -

<script>
$('#TextBox1').blur(function() {
var sourceElement = document.getElementById("TextBox1");
var targetElement = document.getElementById("TextBox2");

targetElement.value = sourceElement.value;
});
</script>

但我不知道我会做 TextBox1 + TextBox2 = TextBox3？

【问题讨论】：

您还应该将 HTML 添加到代码 sn-p 中。
始终提供您的完整代码，以便 SO 用户更好地了解您的问题并提供好的解决方案。
你的意思是：The3rdText = sourceElement + " " + targetElement
感谢您的回复！我正在使用 webflow，所以我无法访问 html，只能访问自定义 css。在上面的代码中，我将值从一个文本框复制到另一个文本框；我想要做的是将文本从两个文本框中复制到一个中。我想我想要 sourceElement1 + sourceElement2 = targetElement？

标签： javascript jquery css text input

【解决方案1】：

您将无法使用 CSS 进行动态用户交互，您需要 JavaScript。你所描述的一个例子是：

$('input[type=text]').blur(function() {
    var full = $("#First_Name").val() + ' ' + $("#Last_Name").val();
    $("#TextBoxFull").val(full);
});

这意味着，只要文本输入模糊，就取名字、空格和姓氏，并将其设置为第三个输入的值

【讨论】：

我已经尝试使用您提供的代码，并且在第三个“#TextBoxFull”输入中，只要输入任何文本，我就会得到一个值“[object Object] [object Object]”前两个盒子...
@DavidJames 哎呀。我打错了。我只是连接了 jQuery 对象，而不是它们的值。修改后重试