获取内部输入<tr>在tbody中标记
Getting Input inside <tr> tag within a tbody?
我知道这种情况已经出现过很多次了,我已经搜索了所有的堆栈溢出。我创建了一个可工作的Javascript函数来获取表的每一行中的<input>
标记值。
然而,当我包含<tbody>
标记(这是行排序所必需的)时,Javascript代码将不起作用,我不知道为什么?
请参阅下面的代码:
function writeXML() {
var table = document.getElementById('table_assoc');
alert(table);
var rCount = document.getElementById('tbody_id').rows.length;
alert(rCount);
var fso = new ActiveXObject("Scripting.FileSystemObject");
var FILENAME = "c:/XML.xml";
var file = fso.CreateTextFile(FILENAME, true);
file.WriteLine('<?xml version="1.0" encoding="utf-8"?>'n');
file.WriteLine('<Seating_Plan>'n');
for (var i = 1; i < rCount; i++) {
var id = table.rows[i].cells[0].children[0].value; <-- Cant Find Table reference when <tbody> tag included.
var deptcode = table.rows[i].cells[1].children[0].value;
var name = table.rows[i].cells[2].children[0].value;
var role = table.rows[i].cells[3].children[0].value;
var desc = table.rows[i].cells[4].children[0].value;
var image = table.rows[i].cells[5].children[0].value;
var asdir = table.rows[i].cells[6].children[0].value;
file.WriteLine('<Person id="' + id + '"><Dept>' + deptcode + '</Dept><Name>' + name + '</Name><Description>' + desc + '</Description><Role>' + role + '</Role><Image><image href="' + image + '"/></Image><AssociateDir><AssociateDir href="' + asdir + '"/></AssociateDir></Person>');
}
file.WriteLine('</Seating_Plan>');
file.Close();
}
在包含tbody
标记时,如何使其工作?
=================================================
更新:
HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="Admin_Javascript.js"></script>
</head>
<body>
<div id="Header_Logo" ></div>
<div id="Header_Logo2">BMW UK</div>
<div id="Admin_Header">BMW LAYOUT EDITOR</div>
<div id="Admin_Nav">
<a id="btn_xml" class="Admin_Nav_Buttons">XML</a>
<a class="Admin_Nav_Buttons">Layout</a>
</div>
<div id="Admin_XML">
<div id="XML_Buttons2">LOAD</div>
<div id="XML_Buttons" onClick="writeXML()">SAVE</div>
<span> </span>
<p class="Admin_headers">Departments</p>
<div id="Admin_Dept_Container"></div>
<p class="Admin_headers">Associates</p>
<div id="Admin_Associate_Container">
<table id="table_assoc">
<tbody id="tbody_id" >
<tr><td><input value="ID"></td></tr>
<tr><td><input value="deptcode"></td></tr>
<tr><td><input value="name"></td></tr>
<tr><td><input value="role"></td></tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
还有一个tBodies
的集合,你可以通过它的索引得到:
var id = table.tBodies[0].rows[i].cells[0].children[0].value;
相关文章:
- Jquery - table.row(tr) is undefined
- 用Javascript添加带有#text的tr元素
- 使用Javascript,如何显示<tr>在另一<tr>悬停时,隐藏第二个<tr>
- 将表行动态添加到表或tbody元素中
- 保存表中的行's在数组中的tbody,稍后使用它们
- 如何从表中的api中删除表tr数据comping
- 使用Razor/C#循环浏览HTML表以获得每个<tr>
- 在同一tr-jQuery中获取td的值
- 重置使用javascript创建的新tr的val
- Javascript/JQuery删除代码中的父TR问题
- react-让一个元素返回两个相邻的<tr>标签
- 如何从Tr重复的输入文本中获取值
- jQuery:将tr附加到表tbody可以防止tr单击函数
- 隐藏父头,如果 tbody 中的所有 tr 都隐藏显示:无
- 获取内部输入<tr>在tbody中标记
- 我怎样才能得到所有<tr>-s来自<tbody>并将其转换为字符串
- Dropzone.js如何使用TR或TBODY作为预览模板
- 将tr添加到table中使用javascript将一个新的tbody添加到html表中
- 获取Id、tbody、tr、title中的所有全局属性值
- 删除<tr>s附加到<tbody>