首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-23 
jquery 双击表格单元格编辑输入$(#table).find(td).bind(dblclick,function(){ var input input

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 双击报表单元格编辑输入

热点排行