未拉取文本区域输入控件的 JSON 数据

JSON data not pulling through for textarea input control

本文关键字：JSON 数据 控件 输入 取文本 区域      更新时间：2023-09-26

我目前正在尝试通过javascript构建一些html，当我尝试分配我的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
}

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>';
相关文章：