jQuery 使用 ajax 输入创建表 - 我希望一列能够由用户更改内容

Question

我有一个使用 jQuery 使用 ajax 输入创建的表。我希望表中的一列允许更新。正在创建并填充表；但是，“item.hmpOrder”列无法更新/更改(该列不接受数据)。

代码是:

   $.each(responseJson1a, function(i, item) {
        $('<tr>').append(
            $('<td>').text(item.hmpId),
            $('<td>').text(item.hrId),
            $('<td>').text(item.hmId),
            $('<td>').text(item.hmName),
            $('<td><input type="text"/>').text(item.hmpOrder)
        ).appendTo('#selectedListTable');
    });

Answer 1

首先将 val 放在文本框上，如 $('<input type="text"/>').val(item.hmpOrder) 所示.

然后将文本框以 HTML 形式附加到 <td>

最终代码:

$.each(response, function(i, item) {
    $('<tr>').append(
        $('<td>').text(item.hmpId),
        $('<td>').text(item.hrId),
        $('<td>').text(item.hmId),
        $('<td>').text(item.hmName),
        $('<td>').append($('<input type="text"/>').val(item.hmpOrder))
    ).appendTo('#selectedListTable');
});