Adding dropdown values dynamically in inline datatable

Question

I am using inline editable datatable, I have a dropdown Markup like

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

        }

From Server side I am getting values as 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>');
         };

I need to append the values to selectbox, But, its not working,nothing reflects, i added my ajax script at the bottom of the inline js..Please help

Shiva K Thogiti · Accepted Answer · 2017-02-22T07:02:04.797

1

Try adding the data like below:

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");

edited Feb 22 '17 at 07:02

answered Feb 22 '17 at 06:30

Shiva K Thogiti

208
2
6

Its working thank you, is it possible to set default selected value? – Feb 22 '17 at 06:58
Yes, to select first item use: $('#userrole select option:first-child').attr("selected", "selected"); – Shiva K Thogiti Feb 22 '17 at 07:00

Adding dropdown values dynamically in inline datatable

1 Answers1