`

点击表格便可编辑

    博客分类：
  • js
 
阅读更多

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>新建网页 1</title>

</head>

<body>

<form name="f1" method="post" action="XXX">

<table border="1" width="500">

    <tr>

        <td width="20%">这是主键</td>

        <td width="40%">名字</td>

        <td width="40%">编号</td>

    </tr>

    <tr>

        <td><input type="hidden" name="ids" value="1">1</td>

        <td onDblClick="show(this,'0','打酱油');"><input type="hidden" name="names" value="打酱油">打酱油</td>

        <td onDblClick="show(this,'1','9527');"><input type="hidden" name="codes" value="9527">9527</td>

    </tr>

    <tr>

        <td><input type="hidden" name="ids" value="2">2</td>

        <td onDblClick="show(this,'0','俯卧撑');"><input type="hidden" name="names" value="俯卧撑">俯卧撑</td>

        <td onDblClick="show(this,'1','9528');"><input type="hidden" name="codes" value="9528">9528</td>

    </tr>

</table>

<input type="submit">

</form>

<script>

    function show(obj,id,valu){

        if(id == "0"){

            obj.innerHTML = "<input type='text' name='names' value='"+ valu +"'>";

        }else if(id == "1"){

            obj.innerHTML = "<input type='text' name='codes' value='"+ valu +"'>";

        }

    }

</script>

</body></html>

分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics