按Enter键,jquery使表行可编辑,点击和发布值

时间:2012-12-25 04:20:08

标签: jquery jquery-selectors jquery-load

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

tb.php withh然后将行存储到db,并从db echo new table重新加载表。

我的问题

  1. 如何选择td的值并发送.load()
  2. 当用户按下回车键
  3. 时如何触发该事件

    非常感谢

0 个答案:

没有答案