Question

以下是我的HTML标记

<tr id="row36" ng-show="!hiddenrow[36]" role="row" class="odd">
<td id="edit36" class="sorting_1"> 
<a id="editbtn_36" class=""><i class="fa fa-pencil-square-o fa-lg" aria-hidden="true" style="color:green"></i></a>
</td>
<td>36</td>
<td contenteditable="true">11443</td>
<td contenteditable="true">Mr . jack</td>
<td id="dp36" contenteditable="true">06-10-2017</td>
<td id="dp36" contenteditable="true" class="form-controlj">04-12-2017</td>
<td contenteditable="true" dropdown="true" class="">State Here</td>
<td contenteditable="true">Oklohoma</td>
<td contenteditable="true">N/A</td>
<td>21-11-2017</td>
</tr>

第7个代码的自定义属性为dropdown="true"

单击此单元格我想删除其文本并在此处显示一个下拉列表以选择新值到单元格中。

以下是我的方法

  $('td[dropDown=true]').focus(function () {
        var params = {
            url: '@Url.Action("GetStateJson", "CGT")',
            type: "GET",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            traditional: true,
            success: function (result) {
                var sel = "<select>";
                for (i = 0; i < result.length; i++) {
                    sel += "<option value='" + result[i].Value + "'>" + result[i].Text + "</option>"
                }
                sel += "</select>";
                $(this).html("");
                $(this).html(sel);
            },
            error: function (result)
            { alert('Warning! It failed.'); }
        };
        $.ajax(params);
    });

我正在调用MVC JsonResult方法来获取Dropdown的原始数据。

它的工作效果直到在变量sel中创建HTML标记但在两行以下似乎没有做任何事情

$(this).html("");
$(this).html(sel);

从单元格中删除文本既不显示任何下拉列表，也不显示控制台中的任何错误。

注意：我已经检查并为下拉列表生成的标记有效（没有那个问题）

如何从TD标签中删除文本并在里面创建选择元素？

0 个答案: