エントリ間に新しい行を挿入するテキストエリア

Question

私のWeb APIでは、私はAjaxコールから社会保障番号のリストを取得しており、テキストエリアにそれらを設定したいと思います。現時点で何が起こっているかは、毎回その行に書き込まれているため、最後にSSNが1つだけ存在します。

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";       
       }); 
      } 
     }); 
    }; 

、ここでは、テキスト領域で、念のために：私はアヤックスである、それはここでXXX-XX-XXXX

よう ニューライン

を見たいと思います。

<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> 

誰もが前に出会ったことがありますか？

Answer 1

私が実行してみました場合は、

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

プレースホルダーテキストが更新されるように見えました。

私は上のリンクを変更：

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

と期待どおりに働きました。