在内联数据表中动态添加下拉值

Question

我正在使用内联可编辑数据表，我有一个下拉标记，如

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

我需要将值附加到选择框，但是，它不起作用，没有任何反映，我在内联 js 的底部添加了我的 ajax 脚本。请帮助

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

在内联数据表中动态添加下拉值

Adding dropdown values dynamically in inline datatable

jquery

inline-editing

dropdown