Question

我有一个textarea和一个按钮，我想连续添加值到textarea。例如，如果我单击按钮两次，则textarea应显示＆＃34; aa＆＃34;，如果我单击三次＆＃34; aaa＆＃34;依此类推，如果我点击按钮

，基本上总是添加到一个字符串

以下是我到目前为止的代码：

<textarea readonly="readonly" id="textarea"></textarea>
<input type ="button" value="a" id="button"/>

$(document).ready(function() {
$('#button').click(function() {

 $('#textarea').val(1);
 });

});

Answer 1

$(document).ready(function() {
 $('#button').click(function() {
 var exitingVal = $('textarea').val();
 $('textarea').val(existinVal + 'a'); 

 });
 });

Answer 2

使用.val()回调函数的另一种方法：

$('#one').click(function() {
    $('#numfield').val(function(_, val){
        return val + 'a';
    });
 });

LIVE DEMO

Answer 3

请看下面这行

$('#textarea').val($('#textarea').val()+'a');

整页示例

<!DOCTYPE html>
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    $('#button').click(function() {

     $('#textarea').val($('#textarea').val()+'a');
     });

    });
    </script>
    </head>
    <body>

    <textarea readonly="readonly" id="textarea"></textarea>
    <input type ="button" value="a" id="button"/>


    </body>
    </html>

Answer 4

这样的事情：

$('#button').click(function(){
   var $ta = $('textarea');
  $ta.val($ta.val() + 'a');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea readonly="readonly" id="textarea"></textarea>
<input type ="button" value="a" id="button"/>

不断增加价值

4 个答案: