双击可编辑

最新推荐文章于 2022-05-11 17:03:23 发布

smartfirstme

最新推荐文章于 2022-05-11 17:03:23 发布

阅读量94

点赞数

分类专栏： javaScript 文章标签： Struts JavaScript HTML ViewUI

javaScript 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>双击可编辑</title>
		<script type="text/javascript">
		   function edit(){
		    document.getElementById("salary").innerHTML="<input type='text' name='sa' value='3000'/>";
		    document.getElementById("workAge").innerHTML="<input name='wa' value='2'/>";
		    document.getElementById("age").innerHTML="<input name='a' value='22'/>";
		    document.getElementById("operator").innerHTML="<input type='button' name='m' value='确定'/><input type='button' name='n' value='取消'/>";
		   }
		</script>
	</head>
    <body>
      <table>
         <tr>
            <th>工资</th><th>工龄</th><th>年龄</th><th>操作</th>
         </tr>
         <tr>
           <td id="salary">3000</td><td id="workAge">2</td><td id="age">22</td><td οnclick="edit()" id="operator"><a>编辑</a></td>
         </tr>
      </table>
    </body>		
</html>