Добавление значений выпадающих динамически в инлайн DataTable

Question

Я использую встроенный редактируемые DataTable, у меня есть выпадающий список Markup как

function editRow(oTable, nRow) { 
      var aData = oTable.fnGetData(nRow); 
      var jqTds = $('>td', nRow); 
      jqTds[0].innerHTML = '<select id="userrole" class="form-control input-sm"></select>'; 

     } 

Со стороны сервера я получаю значение в формате JSON.

success: function (data) { 
      //alert("success"); 
     var userdata=JSON.parse(data); 

      // alert(userdata); 
     for(i=0;i<userdata.length;i++) 
     { 
      //alert(userdata[i].rolename) 
      $('#userrole').append('<option value="'+userdata[i].roleid+'" selected="selected">'+userdata[i].roleid+'</option>'); 
     }; 

мне нужно добавить значения в переключателе, но ее не работает, ничего не отражает, я добавил свой AJAX скрипт в нижней части встроенного js..Please помочь

Answer 1

Попробуйте добавить данные, такие как ниже:

success: function (data) { 
      //alert("success"); 
     var userdata=JSON.parse(data); 

      // alert(userdata); 
     for(i=0;i<userdata.length;i++) 
     { 
      $('<option/>', { 
       value: userdata[i].roleid, 
       html: userdata[i].roleid 
      }).appendTo('#userrole select'); 
     }; 
     $('#userrole select option:first-child').attr("selected", "selected");