用条目之间的换行符填充文本区域

Populating a textarea with New Lines between entries

在我的网站 Api 中,我正在从一个 Ajax 电话中获取社会安全号码列表,我想用它们填充文本区域。目前正在发生的事情是它每次都在写,所以最后只有一个 SSN 存在。我希望它看起来像

XXX-XX-XXXX 换行

这是 ajax:

   function getSPSssns() {
        $.ajax({
            type: "GET",
            cors: true,
            crossDomain: true,
            contentType: "application/json; charset=utf-8",
            url: "http://localhost:64819/api/Participant/getSPSplans",
            dataType: "json",
            success: function populate(data) {
                $.each(data, function (id, elem) {
                    SSNinput.innerText = SSNinput.innerText + "\n" + elem.Ssn + "\n";                        
                });   
            }
        });
    };

这里是文本区,以防万一。

<div class="row" style="padding-top: 8px; white-space:nowrap; width:245px;">
            <textarea id="SSNinput" rows="21" class="form-control" placeholder="Paste/Import SSNS Here" style="width: 235px; display: inline-block;"></textarea>
        </div>

有人遇到过这个吗?

当我尝试 运行,

SSNinput.innerText = SSNinput.innerText + "\n" + elem.Ssn + "\n"; 

占位符文本似乎已更新。

我把上面这行改成了:

SSNinput.value = SSNinput.value + "\n" + elem.Ssn + "\n";

它按预期工作。