Question

我有三个字段，分别是firstname，lastname和fullname。

我正在做的是，我必须在全名输入字段中显示名字和姓氏值。

例如，我输入名：Alpha 和姓：Gama ，因此我必须显示全名：Alpha Gama 。

我尝试了下面仅适用于名字的代码。

你能帮我吗？

$("#firstname").change(function() {
  $("#fullname").val($(this).val());
});

<input type="text" name="firstname" id="firstname" placeholder="Firstname">
<input type="text" name="lastname" placeholder="lastname">

<input type="text" name="fullname" id="fullname">

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

Answer 1

尝试以下操作。

HttpClient

Answer 2

您可以这样使用。

var firstName = "", lastName = "", fullName = "";
$("#firstname").keyup(function() {
  firstName = $(this).val();
  fullName = firstName+ " " +lastName;
  $("#fullname").val(fullName);
});
$("#lastname").keyup(function() {
  lastName = $(this).val();
  fullName = firstName+ " " +lastName;
  $("#fullname").val(fullName);
});

<input type="text" name="firstname" id="firstname" placeholder="Firstname">
<input type="text" name="lastname" placeholder="lastname" id="lastname">

<input type="text" name="fullname" id="fullname">

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

Answer 3

尝试此代码段，希望对您有所帮助：

function updateFullName() {
    $("#fullname").val($("#firstname").val()+ ' ' + $("#lastname").val());
}

$("#firstname, #lastname").on('input', updateFullName);

<input type="text" name="firstname" id="firstname" placeholder="Firstname">
<input type="text" name="lastname" id="lastname" placeholder="lastname">

<input type="text" name="fullname" id="fullname">

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

如何在单个字段中显示两个输入值？

3 个答案: