在条目之间使用新行填充textarea

时间:2016-05-24 16:47:32

标签: ajax textarea

在我的网络Api中,我从Ajax调用中获取社会安全号码列表,我想用它们填充textarea。目前正在发生的是每次都在线上写,所以最后只有一个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>

以前有人遇到过这个吗?

1 个答案:

答案 0 :(得分:1)

当我尝试跑步时,

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

占位符文本似乎已更新。

我将以上行改为:

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

它按预期工作。