Question

有人能告诉我如何从span元素克隆并通过单击span元素追加到输入值？这是脚本。

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $("span#username").click(function() {
        $("span#username").clone().appendTo("#test");


      });
    });
  </script>
</head>

<body>

  <span id="username"> User </span><br><br>
  <input type="text" id="test" value="" />


</body>

</html>

＆＃13;

Answer 1

您必须将输入（jQuery.val()）的值设置为范围（jQuery.text()）的文本内容，如下所示：

// IDs are enough
$("#username").click(function() {
    $("#test").val($(this).text()); // this is the span beign clicked
});

没有jQuery：

document.getElementById("username").addEventListener("click", function() {
    document.getElementById("test").value = this.textContent;
});

Jquery克隆并附加到输入值

1 个答案: