我用js和html做表格 想修改表格中已经添加的数据 并且在弹出窗口完成

问题描述

我用js和html做表格 想修改表格中已经添加的数据 并且在弹出窗口完成

<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

成功页面

<p>function get(event){<br>
e=event.srcElement;<br>
if(e.nodeName==&quot;TD&quot;){<br>
txt=&quot;<input type='text' onblur='set(event)' size='5' value='"+e.innerHTML+"'/>&quot;;<br>
e.innerHTML=txt;<br>
e.firstChild.focus();<br>
}<br>
}<br>
function set(event){<br>
e=event.srcElement;<br>
if(e.nodeName==&quot;INPUT&quot;){<br>
txt=e.value;<br>
e.parentNode.innerHTML=txt;<br>
}<br>
}</p>

<p>function add(){</p>

<p>var tr1=document.getElementById('itable').insertRow();<br>
var c0=tr1.insertCell(0);<br>
var c1=tr1.insertCell(1);<br>
var c2=tr1.insertCell(2);<br>
var c3=tr1.insertCell(3);<br>
var c4=tr1.insertCell(4)<br>
c0.innerHTML=document.getElementById(&quot;姓名&quot;).value;<br>
c1.innerHTML=document.getElementById(&quot;年龄&quot;).value;<br>
c2.innerHTML=document.getElementById(&quot;成绩&quot;).value;<br>
c3.innerHTML=&quot;<input type='button' value='删除' onclick='del(this)'/>&quot;;<br>
c4.innerHTML=&quot;<input type='button' value='修改' onclick='edit(this)'/>&quot;;<br>
}<br>
function del(r){<br>
var i=r.parentNode.parentNode.rowIndex;<br>
document.getElementById('itable').deleteRow(i);<br>
}<br>
function edit(d){<br>
var q=d.parentNode.parentNode.rowIndex;</p>

<p>}<br>

<!-- 表格添加删除javascript代码 -->

<br>
table<br>
{<br>
border-collapse:collapse;<br>
}</p>

<p>table,th, td<br>
{<br>
border: 1px solid green;<br>
}<br>
table<br>
{<br>
width:50%;<br>
}<br>
th<br>
{<br>
height:30px;<br>
}<br>
td<br>
{<br>
text-align:center;<br>
}<br>

信息表格



姓名 年龄 成绩 删除 修改

姓名:
年龄:
成绩:

求大神啊啊啊啊

相关文章


  • mfc-怎么使MFC窗口的按键按下弹出一个二维表格,并且表格上的空格可以进行点击
  • ava cript-JavaScript弹出一个新窗口或者表格并可以进行编辑以及保存
  • jqgrid表格编辑,关于修改和增加
  • javascript-js如何实现添加表格以及在表格上显示内容,如下图效果
  • ajax-关于JS、AJAX程序逻辑、结构问题。
  • listcontrol-求教:C++中怎么在一个对话框中输入数据后在另一个对话框中的表格中显示出相应的数据?
  • java-在myeclipse中svn使用详解
  • 发送-datagrid中怎么删除选中的行????
  • SSIS配置问题,如何使用一个包配置来配置多个包的连接信息和文件源信息
  • 开放问题-VS动态添加的表格如何改变列宽?

【云栖快讯】2017互联网超级工程阿里双11完美落幕,交易额突破1682亿,但阿里工程师如何玩转“超级工程”,背后黑科技又是如何?12月13-14日,12位大咖直播分享揭秘1682亿背后技术实践,马上预约  详情请点击

热门推荐


  • 高性能云服务器2折起
  • 云服务器配置
  • 技术资料
  • 云计算
  • 域名
  • shell
  • node.js
  • 问答
  • java
  • mysql
  • C++
  • python
  • jQuery
  • Android
  • asp
  • PHP技巧
  • jQuery教程
  • JavaScript技巧
  • JS
  • SEO
  • sql server
  • mysql教程
  • 前端
  • 技术文集
  • 技术
  • 主题地图
  • A
  • z
  • 云服务器哪家好
  • API
  • 大数据
  • 云安全
  • 云存储
  • 云计算
  • 获取公众号授权失败
  • 兼容性疑难解答
  • path
  • stm32
  • jsonobject
  • product

前三篇


  • android开发 listview-Android中,刷新ListView中的item导致ListView闪烁的解决方法
  • c++ cfindfile-关于CFindFile FindNextFile方法。急!!!在线求助
  • asp.net 我想在imagebutton上面加一个onclick的属性,能够实现页面跳转

后三篇


  • c语言 算法 文件读取-C语言文件读取遇到的问题
  • sqlserver-SQL大神帮忙解决个问题
  • 获取积分任务完成不了

(yq.aliyun.com)为您免费提供我用js和html做表格 想修改表格中已经添加的数据 并且在弹出窗口完成相关信息,包括
js
html
的信息
,所有我用js和html做表格 想修改表格中已经添加的数据 并且在弹出窗口完成相关内容均不代表的意见!
该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_71853,您可以点击我用js和html做表格 想修改表格中已经添加的数据 并且在弹出窗口完成-手机站访问。

时间: 2016-10-24
Tags: html

我用js和html做表格 想修改表格中已经添加的数据 并且在弹出窗口完成的相关文章

用Dreamweaver mx 2004做弹出窗口

dreamweaver|弹出窗口 我们在浏览一些网页时,经常会看到有的网页弹出一些信息窗口或浏览器窗口来显示一些网站公告或一些广告信息,想知道这些窗口是怎么制作出来的吗?如果你还不曾知道,那么就请看本文如何利用Dreamweaver MX 2004 来制作这些弹出窗口的方法吧! 一.弹出信息窗口 启动Dreamweaver MX 2004,打开要加载弹出窗口的网页或新建一个网页.按下Shift+F3命令,打开行为设置面板. 图1 行为面板 (1)点击"+"号 (2)在弹出的菜单中选择&

js showModalDialog弹出窗口介绍

 本篇文章主要是对js showModalDialog弹出窗口进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 showModalDialog:模式窗口, 一种很特别的窗口,当它打开时,后面的父窗口的活动会停止,除非当前的模式子窗口关闭了, 才能操作父窗口.在做网页Ajax开发时,我们应该有时会用到它来实现表单的填写, 或做类似网上答题的窗口. 它的特点是,传参很方便也很强大,可直接调用父窗口的变量和方法.   使用方法:   vReturnValue = window.showM

JS中window.open弹出窗口居中

利用下面这个js函数可以使window.open弹出的窗口居中function openwindow(url,name,iWidth,iHeight){var url; //转向网页的地址;var name; //网页名称,可为空;var iWidth; //弹出窗口的宽度;var iHeight; //弹出窗口的高度;var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;var iLeft = (window.scre

我在gridview里点击“选择”按钮,希望弹出窗口,在弹出窗口操作完毕后关闭,返回值给父窗口,并对父窗口的数据源重新绑定以刷新gridview。我这么做是不能刷新gridview的,请指教。

问题描述 我在gridview里点击"选择"按钮,希望弹出窗口,在弹出窗口操作完毕后关闭,返回值给父窗口,并对父窗口的数据源重新绑定以刷新gridview.我这么做是不能刷新gridview的,请指教.前端asp.net代码:<asp:GridViewID="GridView1"runat="server"Width="860px"AllowPaging="True"AutoGenerateColum

让js弹出窗口居前显示的实现方法

一般来说,显示在最前面的窗口都是因为窗口被激活获得焦点,要使窗口永远显示在最前面,可以人为的设置窗口在blur时立刻focus,或者用模式.无模式对话框实现   具体步骤: 方法一:弹出窗口<body>里加上代码:onblur="self.focus()":<body onblur="self.focus()"> 方法二:用showModalDialog方法建立模式对话框,它的参数说明如表1.5.2所示.<script>    f

js弹出窗口之弹出层的小例子_javascript技巧

[html] 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">  <HTML xmlns="http://www.w3.org/1999/xhtml">  <HEAD>  <TITLE&g

js实现弹出窗口、页面变成灰色并不可操作的例子分享_javascript技巧

如果你还不会,可以看看下面这个简单的例子. 复制代码 代码如下: <html><head><title>弹出一个窗口后,后面的层不可操作</title><script>function show()  //显示隐藏层和弹出层{   var hideobj=document.getElementById("hidebg");   hidebg.style.display="block";  //显示隐藏层  

WPS表格2010为表格设置图形背景

在wps表格中我们只能对单元格设置填充颜色而已,效果显然并不是那么漂亮.如果想发让表格更漂亮,最好的效果当然还是用图形做为表格背景了,可惜WPS表格中并没有提供可直接为单元格设置图片填充效果的功能.其实在WPS office 2010个人版的WPS表格中通过在页眉页脚插入图形的方法,我们完全可以轻松地为表格设置图形背景,甚至可以为同一张表格的不同区域设置不同的背景图片. 1.设置背景图 在WPS表格中单击工具栏的"打印预览"图标进入页面视图.再单击"打印预览"工具栏

跟我学SQL:(五)创建和修改表格

创建 再次欢迎您来到SQL(结构化查询语言)基础系列教程.本文将介绍数据库定义语言(DDL)用于创建数据库和表格以及修改表格结果的指令.    当你使用这些指令时一定要小心--它很容易删去你的数据库中的主要结构令您丢失数据.所以,在您开始修改数据库之前,您需要知道数据库是什么. -------------------------------------------------------------------------------- 数据库之间的差异 本文中的样品查询系统遵循SQL92 IS

用Fireworks8做个符合web标准的弹出菜单

web|web标准|菜单 Fireworks8做下拉菜单的功能较上一版本有很大程度 的增强,并开始兼容web标准,代码也减少了很多,JS从原来的30多K降到现在的2K,可访问性:IE.Firefox.Opera. 1.新建文件,做几个按钮,这部分相信大家都会做. 2.在按钮上点左键,在弹出菜单上选添加弹出菜单,会出现如下的对话框. 里面有四个选项卡,你只要按照需要选取就可以了. 3.输出HTML 导出选项,默认是输出dw xhtml,应用CSS和将CSS写入外部文件的.文件名你需要设置一下,不然