首页 > Web开发 > 详细

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

时间:2015-05-26 22:50:39      阅读:378      评论:0      收藏:0      [点我收藏+]

 

<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>

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

原文:http://www.cnblogs.com/title/p/3944574.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!