我目前正在尝试通过 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
}
最佳答案
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>';
关于javascript - JSON 数据无法通过文本区域输入控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30829689/