Данные JSON не тянут для управления вводом текстового поля

Question

В настоящее время я пытаюсь создать некоторый html через javascript, и когда я пытаюсь назначить атрибут value моего элемента управления textarea, он, похоже, не хочет вытягивать, текстовая область становится пустой при загрузке. Значения, похоже, тянут для ввода обычного ввода текста. Я также прошел через код javascript и удостоверился, что данные JSON, которые я получал, действительно имели значение в нем, что и было.

function BuildDeviceInfoHTML(data) { 
var divFormGroupOpening = '<div class="form-group">'; 
var divOpeningInput = '<div class="col-md-10">' 
var result; 

var deviceName = divFormGroupOpening + '<label class="col-md-2 control-label" for="deviceName">Device Name: </label>' + 
    divOpeningInput + 
    '<input id="deviceName" class="form-control" type="text" value="' + data.devices[0].deviceName + '" name="deviceName" data-val-required="Device name is required" data-val="true">' 
    + '</div></div>'; 

var deviceDisplay = divFormGroupOpening + '<label class="col-md-2 control-label" for="deviceDisplay">Displayed as: </label>' + 
    divOpeningInput + 
    '<input id="deviceDisplay" class="form-control" type="text" value="' + data.devices[0].deviceDisplay + '" name="deviceDisplay" data-val="false">' 
    + '</div></div>'; 

var deviceDesc = divFormGroupOpening + '<label class="col-md-2 control-label" for="deviceDisplay">Displayed as: </label>' + 
    divOpeningInput + 
    '<textarea id="deviceDesc" class="form-control" value="' + data.devices[0].deviceDesc + '" name="deviceDesc" data-val="false"></textarea>' 
    + '</div></div>'; 

result = deviceName + deviceDisplay + deviceDesc; 

return result 
} 

Answer 1

Textarea не имеет атрибута value. Вы должны поместить содержимое внутри тега:

<textarea>VALUE HERE</textarea> 

Вы должны изменить последнюю часть вашего кода в:

var deviceDesc = divFormGroupOpening + 
    '<label class="col-md-2 control-label" for="deviceDisplay"> 
    Displayed as: </label>' + divOpeningInput + 
    '<textarea id="deviceDesc" class="form-control" name="deviceDesc" 
    data-val="false">' + data.devices[0].deviceDesc + '</textarea>' 
    + '</div></div>';