HTML
<table>
<tr><th>Name</th><th>etc</th><th>tds</th><th>notes</th></tr>
<tr><td></td><td></td><td></td><td></td></tr>
</table>
JS
$('td').click(function(){
var input = $('<input/>').attr('value',$(this).text());
var w = $(this).innerWidth();
input.css('width',w).css('border','0');
$(this).empty();
$(this).append(input);
input.focusout(function(){$(this).parent().text($(this).val());});
input.focus();
});
我有这个简单的表格,我希望用户填充表格。用户应单击 td 输入值,并在完成所有 4 个字段并按 ENTER 后,他填写的行将发布到服务器并重新加载表。
这样做我在想用户$(this).closest('table').load('tbl.php',{VALUES OF THE TD's in that row});
tbl.php withh 然后将行存储到 db,并从 db echo new table 重新加载表。
我的问题
- 如何选择 td 的值并在 .load() 中发送
- 当用户按下回车键时如何触发该事件
非常感谢