jquery - 在我对 textarea 进行更改后，jQuery 追加功能不再起作用

Question

我有 1 个按钮

<input type="button" id="scrape-button" value="Scrape" />
<textarea id="result" name="result"></textarea>
<textarea id="temp" name="temp" style="display: none;"></textarea>

当我首先单击抓取按钮时，它可以工作

但是，当我在 textarea 上手动填充内容然后再次单击抓取按钮时，$("#result").append($("#temp").val())功能不再起作用。为什么？

$(document).ready(function(){
    $("#scrape-button").click(function(){
        var i = 0;
        var start = $("#start").val();
        var num = $("#num").val();
        var pages = $("#pages").val();
        $("#result").val("");
        load(i, pages, start, num);
    });
    function load(i, pages, start, num) {
        if (i < pages){
            url = $("#category").val() + $("#collection").val();
            $("#url").text("h" + url);
            $("#temp").load("coba.php?url=" + encodeURIComponent(url) + "&start=" + start + "&num=" + num, function(){
                if ($("#result").val() != '') $("#result").append("\n");
                $("#result").append($("#temp").val());
                start = parseInt(start) + parseInt(num);
                i++;
                $("#current").text(i + " / " + pages);
                load(i, pages, start, num);
            });
        }
    }
});

如何使它起作用？

之前谢谢

Answer 1

appendon的使用$("#result")不会附加到textarea您可能期望的类似值 - 因为您需要使用该val()函数。

因此，要覆盖 的所有内容textarea，请使用：

$("#result").val($("#temp").val());

要附加到 的内容textarea，请使用类似于：

var $result = $("#result"); 
$result.val($result.val() + $("#temp").val());