Question

This is my json data which I get in page.Every time its bring different data and length.

 {
       "d":[
          {

             "MenuItem":"AboutUs",
             "NoOfColumn":0,
             "ColumnNo":0,
             "ContentType":1,
             "MenuContent":"testtest",
             "Header":"Header",
             "MenuItemID":2,

          },
          {
             "MenuItem":"AboutUs",
             "NoOfColumn":0,
             "ColumnNo":1,
             "ContentType":1,
             "MenuContent":"sdfsdfsdfsdfsdfdsfsdf",
             "Header":"Header",
             "MenuItemID":2,
          }
       ]
    }

So I want to create dynamically field and try to bind it.I try:

       var contain = data.d;
       var html = "";
       $.each(contain, function(index, item) {
        html += '<input type="text" val=' + item.Header + ' id=txtColumnHeader_' + item.ColumnNo + ' class="Inputbox" />';

       var txtColumnHeader="txtColumnHeader_"item.ColumnNo;
       $('#'+txtColumnHeader).val(item.MenuItem);  //Its not work.Want help here. data.d have value.
    alert(item.MenuItem);
       });
 $('#divEdit').html(html);//Div is in html page its not created dynamically.

I also try:

$('#'+txtColumnHeader).text(item.MenuItem);

But its also not work.But alert gives me a correct value.What is my mistake.Where I am wrong.Thanks.

Answer 1

var html = "";
$.each(contain, function(index, item) {
    html += '<input type="text" id="txtColumnHeader_' + 
            item.ColumnNo + '" class="Inputbox" value="' + item.MenuItem + '" />';
});

.val() not necessary, because you’re set the value in the time of initialization.

But if you wanna use .val() then try:

var txtColumnHeader="txtColumnHeader_" + item.ColumnNo;

                                       ^--- you missed this `+` here

$('#'+txtColumnHeader).val(item.MenuItem);