读书人

jquery 双击报表单元格编辑输入

发布时间: 2012-11-23 00:03:29 作者: rapoo

jquery 双击表格单元格编辑输入

 $("#table").find("td").bind("dblclick",function(){ var input ="<input type='text' id='temp' value="+$(this).text()+" >"; $(this).text(""); $(this).append(input); $("input#temp").focus(); $("input").blur(function(){ if($(this).val()==""){ $(this).remove(); }else{ $(this).closest("td").text($(this).val()); } });

?

   <table border="1" width="200" id="table"><tr><td>111</td></tr><tr><td>222</td></tr><tr><td>333</td></tr><tr><td>444</td></tr><tr><td>555</td></tr> </table>

?jquery 双击报表单元格编辑输入

读书人网 >Web前端

热点推荐