在jquery中添加多个val

时间:2014-12-18 02:31:51

标签: javascript jquery html

我想点击并显示在textarea中。

问题是,一旦我点击全名,全名就会显示在textarea;

然后单击ic,ic将显示在textarea中,但替换了fullname。

如何使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);}

2 个答案:

答案 0 :(得分:1)

所以,如果你正在使用jQuery,那么这就是你想要的解决方案:

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

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

那就是说,我做的是创建一个点击event handler,它会知道点击后,将其附加到textarea的值,并确保它已添加到现有数据,而不是覆盖什么他们以前曾在textarea。

这有帮助吗?

以下是JSfiddle以防万一

答案 1 :(得分:0)

你在HTML中编写的嵌入式JS代码真的很奇怪,但是如果你不希望字符串在val中相互替换,为什么不添加它们呢?例如:

// fullname click
var val = $('#text-area').val()
$('text-area').val(val + fullname)

您需要写的只是字符串流程