Jquery实现双击表单元格可编辑

时间:2023-03-08 17:07:02
Jquery实现双击表单元格可编辑
<script type="text/javascript">
function doTableTdEditClick(param){
doTdEditable(param);
}
function doTdEditable(param){
var input ="<input type='text' id='temp' value='"+$(param).text()+"' />";
$(param).text("").append(input);
var inputObj = $(param).find("input");
inputObj.focus();
inputObj.dblclick(function(){
inputObj.blur();
return;
});
inputObj.blur(function(){
if($(this).val()==""){
$(this).closest("td").text(" ");
}else{
$(this).closest("td").text($(this).val());
}
return;
});
}
$("table.tableTdEdit").find("TD.cellEdit").each(function(index,domEle){
$(domEle).css("background","#3A96F6");
$(domEle).attr("ondblclick","doTableTdEditClick(this);");
return;
});
</script>