Füllen eines Textfeldes mit neuen Zeilen zwischen den Einträgen

Question

In meiner Web-API nehme ich eine Liste der Sozialversicherungsnummern von einem Ajax-Anruf auf und möchte ein Textfeld mit ihnen füllen. Was im Moment passiert ist, dass es jedes Mal über die Zeile schreibt, so dass am Ende nur ein SSN vorhanden ist. Ich würde es wie

XXX-XX-XXXX New Line

Hier aussehen mag, ist die 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";       
       }); 
      } 
     }); 
    }; 

und hier ist der Textbereich, für alle Fälle.

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

Hat jemand schon einmal darüber gestoßen?

Answer 1

Als ich versuchte, laufen

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

der Platzhalter-Text schien aktualisiert werden.

änderte ich die obige Zeile an:

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

und es funktionierte wie erwartet.