`

双击可编辑

StrutsJavaScriptHTML 
阅读更多 
<%@ 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 onclick="edit()" id="operator"><a>编辑</a></td>
         </tr>
      </table>
    </body>		
</html>

 

分享到：
| tab 的实现
评论
发表评论

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

相关推荐

    Qt实现双击可编辑的QLabel，按回车或Esc确认

    以上就是如何在Qt中实现一个双击可编辑的QLabel的基本过程。这个功能可以应用于各种需要用户短暂编辑文本的场景，例如配置项、简短备注等。通过自定义QLabel，我们可以根据项目需求定制更多交互行为，增强用户体验。

    双击可编辑单元格的ListControl控件

    本示例主要探讨如何实现一个双击可编辑的ListControl单元格功能。 首先，我们需要理解ListControl的基本结构。ListControl通常由多个列组成，每一列包含若干个单元格，每个单元格显示特定的数据。默认情况下，List...

    超级列表框的双击可编辑表项的用法优化版.rar

    本教程将深入探讨如何实现超级列表框的双击可编辑功能，以便用户通过双击选中项来修改表项内容。这个优化版的方法无需额外的DLL支持，简化了代码，提高了程序的稳定性和易理解性。 首先，我们需要了解易语言中的...

    jquery php+mysql 表格双击可编辑,表单失去焦点自动提交保存数据

    "jquery php+mysql 表格双击可编辑,表单失去焦点自动提交保存数据"是一个典型的例子，展示了如何结合前端技术和后端技术实现高效的数据管理。以下是这个项目涉及的关键知识点： 1. **jQuery**：jQuery是一个强大的...

    bootstrap table实现双击可编辑、添加、删除行功能

    本文实例为大家分享了bootstrap table双击可编辑的具体代码，供大家参考，具体内容如下 html： 名称 值 操作 &lt;td style=tex

    双击可编辑的VC++扩展型CListCtrl列表控件

    双击可编辑的VC++扩展型CListCtrl列表控件 对CListCtrl列表控件进行了一个功能扩展，使它支持双击鼠标实现编辑主项(Item)，也可以编辑子项(SubItem)，并尽量符合CListCtrl的操作习惯。这个对VC的爱好者们应该很有用...

    MFC实现CListCtrl创建，CListCtrl双击可编辑，Dialog标题栏隐藏功能

    在本文中，我们将深入探讨如何在MFC（Microsoft Foundation Classes）框架中实现CListCtrl控件的创建，以及如何在双击时使列表项变为可编辑。同时，我们还将介绍如何隐藏Dialog的标题栏，以提供更为简洁的用户界面...

    QTreeWidget 双击编辑子节点

    当用户双击一个子节点时，会弹出一个编辑框，用户可以通过这个编辑框对子节点的内容进行修改。编辑框可以是不同的类型，如`QLineEdit`（文本输入框）、`QSpinBox`（数值选择器）、`QComboBox`（下拉列表）或`...

    C# winform ListView 中实现可编辑文本或双击出现下拉列表框

    通过以上步骤，我们可以实现一个具有可编辑文本和双击弹出下拉列表功能的ListView。这种自定义控件提供了更丰富的交互体验，同时也增加了程序的灵活性和可定制性。在实际开发中，你可能还需要考虑一些其他因素，例如...

    ExtJs GridPanel双击事件获得双击的行

    本篇文章将深入讲解如何在ExtJs GridPanel中实现双击事件，并获取双击的行以及选中的复选框状态。 首先，我们要了解GridPanel的基本结构。GridPanel由Store（数据存储）和ColumnModel（列模型）组成，它们定义了...

    可编辑选项卡TAB

    在IT行业中，尤其是在前端开发领域，可编辑选项卡（flex Tab 可编辑）是一种常见的用户界面元素，它允许用户在选项卡式布局中创建、编辑和管理内容。这种功能极大地提高了用户交互性和用户体验，尤其在处理大量数据...

    双击文字后实现编辑文本功能.rar

    通常，我们会使用`&lt;div&gt;`或`&lt;span&gt;`标签，并通过添加`contenteditable`属性来使该元素变得可编辑。例如： ```html 双击我开始编辑 ``` 在这个例子中，“双击我开始编辑”是默认显示的文本，用户双击此文本后即可...

    Jquery flexigrid插件 添加checkbox,(双击事件)onRowDblclick

    例如，你可以打开一个新的页面来编辑选中的记录，或者弹出一个模态对话框来显示详细信息。要设置这个事件，可以这样做： ```javascript $("#flex1").flexigrid({ // ... onRowDblclick: function(row) { var ...

    js 实现 双击单元格变为可编辑

    js 实现 双击单元格变为可编辑! 值得下载看看!资源免费,大家分享!!

    e语言-超级列表框双击写入模块

    资源介绍：超级列表框单元格如何加入日期框，比如我点一个单元格，直接弹出日期框，选择后...可双击超级列表框实现编辑框，选择框，日期框等功能，能直接双击表项置入标题。资源作者：易语言运行时资源界面：资源下载：

    QGraphicsScene Item 绘制图元

    如果需要使文字可编辑，可以考虑使用`QGraphicsTextItem`，这是一个预定义的`QGraphicsItem`子类，专门用于显示和编辑文本。 描述中的"双击进行编辑，右键结束当前操作"涉及到图形元素的交互性。你可以为`QGraphics...

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