JSON 文本区域输入控件的数据未通过

Question

我目前正在尝试通过 javascript 构建一些 html，当我尝试分配我的 textarea 输入控件的 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>';

JSON 文本区域输入控件的数据未通过

JSON data not pulling through for textarea input control

html

javascript

json

textarea

html-input