js实现双击改变文本内容

最新推荐文章于 2022-08-01 12:06:38 发布

ailw92114

最新推荐文章于 2022-08-01 12:06:38 发布

阅读量507

点赞数

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/zjunet/p/4559886.html

版权

<!DOCTYPE html>
<head>
    <title>temp</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <script type="text/javascript">
        function ShowElement(element)
        {
            var oldhtml = element.innerHTML;
            var id=element.id;
            var newobj = document.createElement('input');
            newobj.value=element.innerHTML;
            newobj.type = 'text';
            newobj.onblur = function(){
                element.innerHTML = this.value ? this.value : oldhtml;
//                if(this.value!=''){
//                    $.post("check.php?choice="+id,this.value);
//                }
            };
            element.innerHTML = '';
            element.appendChild(newobj);
            newobj.focus();
        }
    </script>
</head>
<body>
<dl>
    <dt>你的用户名:</dt>
    <dd ondblclick="ShowElement(this)">11111</dd>
    <dt>你的个性档</dt>
    <dd ondblclick="ShowElement(this)">22222</dd>
</dl>
</body>
</html>