JSON data not pulling through for textarea input control

Question

I am currently trying to build up some html via javascript and when I try to assign the value attribute of my textarea input control it does not seem to want to pull through, the textarea becomes blank when loaded. Values seem to pull through for normal text type input. I have also stepped through the javascript code and made sure the JSON data I was getting actually had a value in it, which it did.

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
}

How about the other inputs are both for output or inputs ? also which js library you use? — Mohammed Moustafa
– Mohammed Moustafa, Commented Jun 14, 2015 at 13:18

GUL · Accepted Answer · 2015-06-14 13:18:21Z

2

Textarea hasn't value attribute. You should put content inside tag:

<textarea>VALUE HERE</textarea>

You should modify last part of your code in:

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

answered Jun 14, 2015 at 13:18

GUL

1,1971 gold badge13 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Johnathon64 Over a year ago

When doing a HTTP POST would there be any problems? e.g. It won't retrieve the value

GUL Over a year ago

There won't be any problem, textarea works that way. When you submit the form you'll get the value inside it

Johnathon64 Over a year ago

That's worked like a treat and thanks for answering the second question I had.

Collectives™ on Stack Overflow

JSON data not pulling through for textarea input control

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related