js实现遍历含有input的table实例
作者:bea
本文实例讲述了js实现遍历含有input的table。分享给大家供大家参考,具体如下: table 如下: <table id="groupTable" class="tblist_black"><% DataTable firstGroupTable = ViewState["firstGroupTable"] as DataTable; if (firstGroupTable != null) { for (int i = 0; i < fir
本文实例讲述了js实现遍历含有input的table。分享给大家供大家参考,具体如下:
table 如下:
<table id="groupTable" class="tblist_black">
<%
DataTable firstGroupTable = ViewState["firstGroupTable"] as DataTable;
if (firstGroupTable != null)
{
for (int i = 0; i < firstGroupTable.Rows.Count; i )
{
%>
<tr>
<td><div style="width:40px;"><span>一级</span></div></td>
<td><div style="width:40px;"><span> </span></div></td>
<td><div style="width:180px;"><span><input type="text" value="<%=firstGroupTable.Rows[i]["GroupName"]%>" /></span></div></td>
<td style="display:none"><div style="width:80px;"><span><%=firstGroupTable.Rows[i]["FirstNodeID"]%></span></div></td>
<td style="display:none"><div style="width:80px;"><span> </span></div></td>
<td><div style="width:60px;"><span><a href="#" onclick="editRow(<%=i%>)">[更新]</a></span></div></td>
<td><div style="width:60px;"><span><a href="">[删除]</a></span></div></td>
<td><div style="width:60px;"><span><a href="">[二级]</a></span></div></td>
</tr>
<%
}
}
%>
</table>
js如下:
function editRow(rowIndex) {
alert(window.groupTable.rows.item(rowIndex).cells.item(2).getElementsByTagName_r('input')[0].value);
}
希望本文所述对大家JavaScript程序设计有所帮助。
有用 | 无用
table 如下:
<table id="groupTable" class="tblist_black">
<%
DataTable firstGroupTable = ViewState["firstGroupTable"] as DataTable;
if (firstGroupTable != null)
{
for (int i = 0; i < firstGroupTable.Rows.Count; i )
{
%>
<tr>
<td><div style="width:40px;"><span>一级</span></div></td>
<td><div style="width:40px;"><span> </span></div></td>
<td><div style="width:180px;"><span><input type="text" value="<%=firstGroupTable.Rows[i]["GroupName"]%>" /></span></div></td>
<td style="display:none"><div style="width:80px;"><span><%=firstGroupTable.Rows[i]["FirstNodeID"]%></span></div></td>
<td style="display:none"><div style="width:80px;"><span> </span></div></td>
<td><div style="width:60px;"><span><a href="#" onclick="editRow(<%=i%>)">[更新]</a></span></div></td>
<td><div style="width:60px;"><span><a href="">[删除]</a></span></div></td>
<td><div style="width:60px;"><span><a href="">[二级]</a></span></div></td>
</tr>
<%
}
}
%>
</table>
js如下:
function editRow(rowIndex) {
alert(window.groupTable.rows.item(rowIndex).cells.item(2).getElementsByTagName_r('input')[0].value);
}
希望本文所述对大家JavaScript程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js+ajax实现获取文件大小的方法
- JS表格组件神器bootstrap table详解(基础版)
- 详解js中构造流程图的核心技术JsPlumb(2)
- jQuery遮罩层实现方法实例详解(附遮罩层插件)
- jQuery实现的简单提示信息插件
- JS组件Bootstrap Table表格多行拖拽效果实现代码
- AngularJS实现全选反选功能
- JS操作XML实例总结(加载与解析XML文件、字符串)
- JS组件Bootstrap Table表格行拖拽效果实现代码
- JS获取月份最后天数、最大天数与某日周数的方法
- AngularJS Module方法详解
- JS组件Bootstrap实现弹出框和提示框效果代码
- JS与jQ读取xml文件的方法
- js实现select下拉框菜单
- 基于jQuery 实现bootstrapValidator下的全局验证
- JavaScript的代码编写格式规范指南
- JSON遍历方式实例总结
- JS实现日期时间动态显示的方法
- 基于jQuey实现鼠标滑过变色(整行变色)