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

Posted

技术标签:

【中文标题】用条目之间的新行填充文本区域【英文标题】:Populating a textarea with New Lines between entries 【发布时间】:2016-09-22 00:24:38 【问题描述】:

在我的 Web 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>

以前有人遇到过这种情况吗?

【问题讨论】:

【参考方案1】:

当我尝试跑步时,

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

占位符文本似乎已更新。

我把上面那行改成:

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

它按预期工作。

【讨论】:

像魅力一样工作!谢谢。

以上是关于用条目之间的新行填充文本区域的主要内容,如果未能解决你的问题,请参考以下文章

保存文本区域条目的本地副本

点击按钮后在两个文本区域中添加新行并用文本填充它们

用单击的按钮填充文本区域

在文本区域输入键

如何只允许 shift+enter 在文本区域中返回新行?

在文本区域中将新行更改为 <br>