- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想使用 javascript 将输入从一个表复制到同一文档的另一个表。有2张 table 。在第一个表中,用户将输入所需的值。这些值将用作第二个表中的列标题。到目前为止,我的脚本还没有得到它。请各位专家知道我做错了什么。
<!DOCTYPE html>
<html>
<head>
<title>PrtQual</title>
<style type="text/css">
body {font-family: Arial, Verdana, Helvetica,Sans-serif; padding: 0px;
margin-left: 0px; margin-left: 50px; max-width: 800px;}
p, table {margin-left: 25px;}
th {font-weight: bold; font-size: 14px; border: 1px; border-style: solid;
margin: 0px; border-colapse: colapse; border-spacing: 0px;}
td {font-weight: Normal; font-size: 14px; border: 1px; border-style: solid;
margin: 0px; border-colapse: colapse; border-spacing: 0px;}
.hide {display: none;}
.show {display: display;}
.hove: hover {background-color: rgb(250,250,150);}
.btn {padding: 5px 5px 5px 5px; background-color: rgb(240,240,240); margin-
left: 25px; text-align: center; font-size: 12px; font-weight: bold; border:
1px; }
.btn:hover {background-color: rgb(250,250,150)}
</style>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
</head>
<body>
<table id="main">
<tbody>
<tr class="hide">
<td id="ddnfmat"><input type="text" class="hove"/></td>
</tr>
<tr>
<td>PrtQual</td>
</tr>
<tr>
<td>Index</td>
</tr>
<tr>
<td id="ddn"><input type="text" class="hove" /></td>
</tr>
</tbody>
</table>
<p><i> To add a new header, click on the button below</i></p>
<input class="btn" type="button" onclick="addNewheader()" value="Add new
factor">
<br><br>
<input class="btn" type="button" onclick="copyheader()" value="Finish">
<br><br>
<table id="exp">
<thead>
<tr id="exphdr">
<th>s/n</th>
<th>PrtQual</th>
<th>Index</th>
<th id="ddnO"><input type="text" readonly /></th>
<th id="ddnT"><input type="text" readonly /></th>
<th id="ddnTh"><input type="text" readonly /></th>
<th>Comment</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script>
function addNewheader() {
var table = document.getElementById('main');
var elmnt = table.getElementsByTagName("TR")[0];
var cln = elmnt.cloneNode(true);
table.tBodies[0].appendChild(cln);
var p = document.getElementById('main').rows.length;
var q = p - 1;
var s = document.getElementById('main').rows[q];
s.setAttribute("class", "show");
}
</script>
<script>
function copyheader() {
for (i=3, i<6, i++) {
tableheader(i)
}
}
</script>
<script>
function tableheader(i){
var tble = document.getElementById('main');
var mytr = tble.getElementByTagName('tr')[i];
var mytd = mytr.getElementByTagName('td')[0];
var myinput = mytd.getElementByTagName('input')[0];
var myval = myinput.value;
var tbl = document.getElementById('exp');
var hdr = tbl.getElementByTagName('tr')[0];
var hddata = hdr.getElementByTagName('td')[i];
var inp = hddata.getElementByTagName('input')[0];
inp.value = myval;
}
</script>
</body>
</html>
最佳答案
正如 m69 提到的,方法名称错误。之后 for 循环定义不正确。在这些更改之后,除了使用了错误的选择器之外,代码并没有出错。在第二个表中,您尝试选择并操作 <TH>
不是<TD>
这就是为什么“hddata”未定义。
<script>
function addNewheader() {
var table = document.getElementById('main');
var elmnt = table.getElementsByTagName("TR")[0];
var cln = elmnt.cloneNode(true);
table.tBodies[0].appendChild(cln);
var p = document.getElementById('main').rows.length;
var q = p - 1;
var s = document.getElementById('main').rows[q];
s.setAttribute("class", "show");
}
function copyheader() {
for ( var i = 3 ; i < 6 ; i++) { // the loop was previously using comma separators in place of semicolons
tableheader(i)
}
}
function tableheader(i){
var tble = document.getElementById('main');
var mytr = tble.getElementsByTagName('tr')[i]; // all these method calls were misspelled
var mytd = mytr.getElementsByTagName('td')[0];
var myinput = mytd.getElementsByTagName('input')[0];
var myval = myinput.value;
var tbl = document.getElementById('exp');
var hdr = tbl.getElementsByTagName('tr')[0];
var hddata = hdr.getElementsByTagName('th')[i]; // select TH tags here NOT TDs!
var inp = hddata.getElementsByTagName('input')[0];
inp.value = myval;
}
</script>
关于javascript - 将输入从一个表复制到同一文档上的另一个表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31488157/
我正在编写一个应用程序,允许用户创建一个“问卷”,然后向其中添加问题。我正在使用核心数据来存储信息。我创建了一个问卷实体,并与问题实体建立了“一对多”关系。我的问题是,如果要允许用户复制(复制)整个调
有没有办法复制或复制 SharedPreference?或者我需要从一个变量中获取每个变量,然后将它们放入另一个变量中吗? 最佳答案 尝试这样的事情: //sp1 is the shared pref
下面的(A)和(B)有区别吗? (假设 NON ARC,如果重要的话) // --- (A) --- @interface Zoo : NSObject{} @property (copy) Dog
我正在尝试将 mysql SELECT 查询保存到文件中,如下所示: $result = mysqli_query($db,$sql); $out = fopen('tmp/csv.csv', 'w'
我需要创建一个 CVPixelBufferRef 的副本,以便能够使用副本中的值以按位方式操作原始像素缓冲区。我似乎无法使用 CVPixelBufferCreate 或 CVPixelBufferCr
我在 Source 文件夹中有一个 Active wave 录音 wave-file.wav。我需要使用新名称 wave-file-copy.wav 将此文件复制到 Destination 文件夹。
在使用 GNU Autotools 构建的项目中,我有一个脚本需要通过 make 修改以包含安装路径。这是一个小例子: configure.ac: AC_INIT(foobar, 1.0) AC_PR
我想将 SQL 的行复制到同一个表中。但是在我的表中,我有一个“文本”列。 使用此 SQL: CREATE TEMPORARY TABLE produit2 ENGINE=MEMORY SELECT
谁能给我解释一下 df2 = df1 df2 = df1.copy() df3 = df1.copy(deep=False) 我已经尝试了所有选项并执行了以下操作: df1 = pd.DataFram
Hazelcast 是否具有类似于 Ehcache 的复制? http://www.ehcache.org/generated/2.9.0/pdf/Ehcache_Replication_Guide.
我有以下拓扑。一个 Ubuntu 16.04。运行我的全局 MySQL 服务器的 Amazon AWS 上的实例。我想将此服务器用作许多本地主服务器(Windows 机器 MySQL 服务器)的从服务
使用 SQLyog,我正在测试表中是否设置了正确的值。我尝试过 SELECT type_service FROM service WHERE email='test@gmail.com' 因此,只输出
有人可以提供一些关于如何配置 ElasticSearch 进行复制的说明。我在 Windows 中运行 ES,并且了解如果我在同一台服务器上多次运行 bat 文件,则会启动一个单独的 ES 实例,并且
一 点睛 ThreadGroup 复制线程的两个方法。 public int enumerate(Thread list[]) // 会将 ThreadGroup 中的 active 线程全部复制到
一 点睛 ThreadGroup 复制线程组的两个方法。 public int enumerate(ThreadGroup list[]) // 相对于 enumerate(list,true) pu
官方documentation Cassandra 说: Configure the keyspace and create the new datacenter: Use ALTER KEYSPAC
This question already has answers here: How to weight smoothing by arbitrary factor in ggplot2? (2个答
我们有一个表格来表明对各种俱乐部的兴趣。输出将数据记录在 Excel 电子表格中,其中列有他们的首选姓名、姓氏、电子邮件、代词,以及他们感兴趣的俱乐部的相应列中的“1”(下面的模型)。 我们希望为俱乐
This question already has answers here: Closed 8 years ago. Possible Duplicate: In vim, how do I get
如何复制形状及其所在的单元格?当我手动复制时,形状会跟随单元格,但是当我使用宏进行复制时,我会得到除形状之外的所有其他内容。 Cells(sourceRow, sourceColumn).Copy C
我是一名优秀的程序员,十分优秀!