Jquery实现点击按钮,连续地向textarea中添加值的实例代码



$(document).ready(function(){
    $("#yourButtonId").click(function(){
        // 假设我们要添加的值是 "Hello, World!"
        var valueToAdd = "Hello, World!\n"; // 末尾添加换行符以便连续添加时内容分行显示
        
        // 获取textarea的当前值
        var currentValue = $("#yourTextareaId").val();
        
        // 将新值添加到textarea的当前值之后
        $("#yourTextareaId").val(currentValue + valueToAdd);
    });
});

在这段代码中,我们首先使用jQuery的`$(document).ready()`函数来确保DOM完全加载后再绑定事件。然后,我们使用`$("#yourButtonId").click()`来为具有ID `yourButtonId`的按钮绑定点击事件。在事件处理函数中,我们定义了一个要添加到textarea中的值`valueToAdd`,并假设这个值是`"Hello, World!\n"`(末尾的`\n`用于在添加新内容时换行)。

接下来,我们通过`$("#yourTextareaId").val()`获取textarea的当前值,并将其存储在`currentValue`变量中。最后,我们使用`$("#yourTextareaId").val(currentValue + valueToAdd);`将新值添加到textarea的当前值之后,并更新textarea的显示。

请确保将`#yourButtonId`和`#yourTextareaId`替换为您页面中实际的元素ID。