javascript - 如何使用 jquery 在输入字段中显示变量？

Question

我有一个表格，我想在单击时更新表格单元格的值。 我想显示一个包含当前值的输入字段。 显示当前值，但是当我单击输入字段进行编辑时，输入字段突然变空。

$('td#11').click(function(event){
 var valuee = $('td#11').text();
 $('td#11').html("<form method='post'><input style='color:black;' value=" +valuee+ "></form>");

});

Answer 1

其他替代解决方案:

$('td#11').click(function(event){
if($('td#11').find('form, input').length == 0) { 
    var valuee = $('td#11').text();
    $('td#11').html("<form method='post'><input id='txt11' style='color:black;' value=" +valuee+ "></form>");
}
});

您可以添加另一个带有上述代码片段的代码片段，以在失去焦点时删除文本框，如下所示:

$(document).on('blur', 'input#txt11', function() {
    $('td#11').html($('input#txt11').val());
}); 

工作演示 jsFiddle