javascript - 在 jquery 中添加多个 val

Question

我想点击并显示在textarea中。

问题是一旦我点击全名，全名就会显示在textarea中；

然后点击ic，ic将显示在textarea中，但替换了全名。

如何使fullname,ic,hp不能互相替换？我想让用户点击他们想要的变量，因此我没有一次点击插入 3 个变量。

<span onclick=\"insert_user_eh_name('".$row['fullname']."','','');\">".$row['fullname']."</span>
<span onclick=\"insert_user_eh_name('','".$row['ic']."','');\">".$row['ic']."</span>
<span onclick=\"insert_user_eh_name('','','".$row['hp']."');\">".$row['hp']."</span>

  function insert_user_eh_name(fullname,ic,phone){
  jQuery("#text-area").val(fullname+ ic +phone);}

Answer 1

因此，如果您使用的是 jQuery，那么这里是您想要的解决方案:

var insertIntoTextArea = null;    
$('.data').on('click', function(){
        insertIntoTextArea += $(this).text();
        $("#text-area").val(insertIntoTextArea);
    });

现在，您可以按照自己喜欢的任何方式创建标识符，但我使用类只是为了简化操作。要记住的一件事是将 JS 和 PHP 混合在一起通常不是一个好主意。它最终会变得一团糟，你会遇到很多问题。此外，这不是 jQuery 的运行方式。

也就是说，我所做的是创建一个点击 event handler它将知道在单击时将其附加到文本区域的值并确保将其添加到现有数据中，而不是覆盖它们之前在文本区域中的内容。

这有帮助吗？

这是一个 JSfiddle以防万一