当前位置: 代码迷 >> Web前端 >> jquery 双击报表单元格编辑输入
  详细解决方案

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

热度:160   发布时间:2012-11-23 00:03:29.0
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>

?xx

  相关解决方案