jQuery 返回 [object Object] 值（文本输入字段的镜像值）答案

【问题标题】：jQuery returning [object Object] values (Mirroring values of a text input field)jQuery 返回 [object Object] 值（文本输入字段的镜像值）
【发布时间】：2018-08-11 02:03:57
【问题描述】：

我在一个表单中有 4 个输入：
1 - 名称
2 - 名字
3 - 姓
4 - 员工姓名（隐藏输入）

每次更新/更改姓名输入时，我都需要将姓名文本字段中的值镜像到员工姓名文本字段。我需要实时反映这些更改，我可以通过我的代码实现这一点。

我遇到的问题是：我需要检查 Name 输入是否存在，如果不存在 - 使用 First Name 和 Last改为命名输入值。

我能够成功镜像 Name 文本值，但在代码必须使用 First Name 和 Last Name 值的情况下，被镜像的值显示为：[object Object]

我完全迷路了，因为 console.log() 显示了正确的结果。

下面是我正在使用的代码：

$( document ).ready(function() {
    jQuery.fn.existsWithValue = function() { 
        return this.length && this.val().length; 
    }

    var name_field = $('form[name="card_form"] input[placeholder="Name"]');

    // Function that mirrors the "Staff Name" and "Name" fields everytime the "Name" field is updated
    // Mirrors "Name", "First Name" or "Last Name" inputs, depending on what input exists...
    $('form[name="card_form"] input[placeholder="Name"], form[name="card_form"] input[placeholder="First Name"], form[name="card_form"] input[placeholder="Last Name"]').bind('keyup change', function(e) {

      if ($(name_field).existsWithValue()) {
        // "Name" input exists, mirror "Name" input value:
        var name_field_final = $('form[name="card_form"] input[placeholder="Name"]').val();
      } else {
        // "Name" input does not exist, mirror "First Name" and "Last Name" input values:
        var first_name = $('form[name="card_form"] input[placeholder="First Name"]').val();
        var last_name = $('form[name="card_form"] input[placeholder="Last Name"]').val();

        var name_field_final = first_name + ' ' + last_name;
      }

      // MIRROR VALUES in "Staff" input:
      $('form[name="card_form"] input[name="staff"]').attr("value", $(name_field_final));

      // DEBUG
      console.log( first_name + " : " + last_name );
    });
  });

【问题讨论】：

标签： javascript php jquery forms input

【解决方案1】：

当属性只能是字符串时，问题似乎是由将对象设置为值的属性引起的。也最好使用 val() 设置 value 属性

改变

 // MIRROR VALUES in "Staff" input:
  $('form[name="card_form"] input[name="staff"]').attr("value", $(name_field_final));

到

 // MIRROR VALUES in "Staff" input:
  $('form[name="card_form"] input[name="staff"]').val(name_field_final);

【讨论】：

【解决方案2】：

从这里删除 $ 它会生成 jQuery 对象

  // MIRROR VALUES in "Staff" input:
  $('form[name="card_form"] input[name="staff"]').val (name_field_final);

【讨论】：