javascript - 单击按钮时向文本区域添加值

Question

<script type="text/javascript">

$(document).ready(function() {
     $(".buttons").click(function(){
         var cntrl = $(this).html(); 
         $("#txt-area").text(cntrl+",");

         //alert (cntrl);
     });
});

</script>

当我在我的 html 页面上单击我的字符时，字符的值设置为 textarea，但是当我单击另一个字符时，先前的字符消失了。我对 JS 中的数组有所了解，但我该如何处理。

如何在不消失的情况下正确地向文本区域添加值？

Answer 1

尝试

$(document).ready(function () {
    $(".buttons").click(function () {
        var cntrl = $(this).html();
        $("#txt-area").val(function (_, val) {
            return val + cntrl + ","
        });

        //alert (cntrl);
    });
});

演示:Fiddle

或

$("#txt-area").text($("#txt-area").val() + cntrl+",");
$("#txt-area").append(cntrl + ",");

演示:Fiddle - 我更喜欢使用 val() 因为我认为它是一个输入元素