码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-05-26 22:51:35      阅读:187      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!