`
sunxboy
  • 浏览: 2864974 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

一般的表格的遍历(ie)

阅读更多
<%@page contentType="text/html;charset=utf-8"  language="java"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script language="javascript">
function toSubmit(str)
{
customerForm.action=str;
//alert(form1.action);
if(buyIDs.length>0)
{
buyIDs=buyIDs.substr(0,buyIDs.length-1);
customerForm.action=str+"&buyIDs="+buyIDs;
}
customerForm.submit();
}
var buyIDs="";
function addrow()
{
table1.insertRow();
var i=table1.rows.length - 1;
table1.rows(i).insertCell(0);
table1.rows(i).insertCell(0).innerHTML='<td><input type=checkbox value="" name="c1"><input name="buyName" type="text"></td>';
table1.rows(i).insertCell(1);
table1.rows(i).insertCell(1).innerHTML='<td><input name="amount" type="text"></td>';
table1.rows(i).insertCell(2);
table1.rows(i).insertCell(2).innerHTML='<select name="price"><option value="10">10</option><option value="20">20</option></select><input type="hidden" name="buyID">';
}
function deleteRow()
{
var i=table1.rows.length -1;
for(j=i;j>1;j--)
{

if(table1.rows(j).getElementsByTagName("input").item(0).checked)
{
if(table1.rows(j).getElementsByTagName("input").item(3).value.length>0)
{
buyIDs=buyIDs+table1.rows(j).getElementsByTagName("input").item(3).value+",";
}
table1.deleteRow(j);
}
}
}
</script>

</head>

<body>


<html:form action="/make?method=insert">
<logic:present name="customer" scope="request">


  <table width="100%"  border="1" align="center">
    <tr>
      <td colspan="3">用户列表</td>
    </tr>
    <tr>
      <td width="34%">用户名</td>
      <td width="42%">姓别</td>
      <td width="24%">年龄</td>
    </tr>
    <tr>
    <td><input name="customerName" type="text" value="<bean:write name='customer' property='customerName' scope='request'/>"></td>
      <td><input name="sex" type="text" id="sex"  value="<bean:write name='customer' property='sex' scope='request'/>"></td>
      <td><input name="age" type="text" id="age"  value="<bean:write name='customer' property='age' scope='request'/>"></td>
    </tr>
  </table>
<table width="100%"  border="1" id="table1">
    <tr align="right">
      <td colspan="3"><input type="button" name="Submit2" value="增加" onclick="addrow();">
          <input type="button" name="Submit" value="删除" onclick="deleteRow();"></td>
    </tr>
    <tr>
      <td>产品名称</td>
      <td>数量</td>
      <td>金额</td>
    </tr>
   
    <logic:iterate id="buy" name="customer" property="buies" scope="request">
   <tr>
     <td>
<input type=checkbox value="" name="c1">

<input name="buyName" type="text" value="<bean:write name='buy' property='buyName'/>"></td>
      <td>
<input name="amount" type="text" value="<bean:write name='buy' property='amount'/>">
     </td>
      <td><select name="price">
          <option value="10" >10</option>
          <option value="20" >20</option>
         </select>
<input type="hidden" name="buyID" value="<bean:write name='buy' property='buyID'/>">
     </td>
      </tr>
      </logic:iterate>
     
  </table>
  </logic:present>
  <logic:notPresent name="customer" scope="request">
  <table width="100%"  border="1" align="center">
    <tr>
      <td colspan="3">用户列表</td>
    </tr>
    <tr>
      <td width="34%">用户名</td>
      <td width="42%">姓别</td>
      <td width="24%">年龄</td>
    </tr>
    <tr>
    <td><input name="customerName" type="text"></td>
      <td><input name="sex" type="text" id="sex" ></td>
      <td><input name="age" type="text" id="age" ></td>
    </tr>
  </table>
<table width="100%"  border="1" id="table1">
    <tr align="right">
      <td colspan="3"><input type="button" name="Submit2" value="增加" onclick="addrow();">
          <input type="button" name="Submit" value="删除" onclick="deleteRow();"></td>
    </tr>
    <tr>
      <td>产品名称</td>
      <td>数量</td>
      <td>金额</td>
    </tr>
   <tr>
     <td>
<input type=checkbox value="" name="c1">

<input name="buyName" type="text" ></td>
      <td>
<input name="amount" type="text" >
     </td>
      <td><select name="price">
          <option value="10" >10</option>
          <option value="20" >20</option>
         </select>
<input type="hidden" name="buyID">
     </td>
      </tr>
  </table>
  </logic:notPresent> 
  <p>
    <input type="button" name="Submit" value="增加" onclick="toSubmit('make.do?method=insert');">
    <input type="button" name="Submit" value="修改" onclick="toSubmit('make.do?method=update');">
    <input type="button" name="Submit" value="删除" onclick="toSubmit('make.do?method=delete');">
    <input type="button" name="Submit" value="查询" onclick="toSubmit('make.do?method=select');">
  </p>
</html:form>
</body>
</html>
  • 大小: 35.2 KB
  • 大小: 45.5 KB
分享到:
评论

相关推荐

    超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff)

    一个简单的JavaScript解决方案可以是遍历表格的所有行,并根据行索引添加相应的类: ```javascript var rows = document.getElementsByTagName('tr'); for (var i = 0; i ; i++) { if (i % 2 == 0) { rows[i]....

    javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)

    通过遍历所有表格元素,检查它们的`id`属性,找到需要排序的表格。 `setHeadClick`方法则是设置表头点击事件。它遍历所有表头单元格`&lt;th&gt;`,为每个单元格添加点击事件监听器。当点击表头时,会触发排序操作。这个...

    Javascript如何递归遍历本地文件夹

    总结起来,JavaScript在IE环境下可以通过ActiveXObject和FileSystemObject来递归遍历本地文件夹,获取文件信息。但在其他浏览器中,需要依赖不同的API和技术,如Web Workers和File System API,同时要注意安全性和...

    jQuery控件简易日历表格代码兼容firefox、chrome、ie.zip

    标题中的“jQuery控件简易日历表格代码兼容firefox、chrome、ie.zip”指出,这个压缩包提供了一个使用jQuery实现的日历表格插件,该插件能够无缝地在Firefox、Chrome和Internet Explorer(IE)这三大主流浏览器上...

    jquery实现纯js转置表格

    遍历原始表格的每一行,对于每一行,将其单元格转置为新表格的一列。这可以通过遍历单元格并将其添加到新表格的相应行中来完成。 5. **处理浏览器兼容性问题**: 对于IE浏览器,可能需要使用`$.browser`(jQuery...

    js遍历td tr等html元素

    要实现遍历表格中所有的`tr`和`td`元素,可以结合使用`document.getElementsByTagName`、`document.querySelectorAll`或者更现代的`document.querySelectorAll`方法,以及循环结构(如`for`、`while`或`forEach`)来...

    写的htc的数据表格

    - 通过循环遍历表格中的所有行和单元格,并根据条件设置不同的样式。 - 实现了简单的拖拽效果,虽然代码片段不完整,但可以看出是在为每个单元格添加拖拽逻辑。 ### 4. 表格数据展示与管理 - **表格结构**: - ...

    漂亮的将后台数据成表格显示到HTML页面中

    当从后台获取XML数据后,我们可以解析XML文档,遍历`row`元素,然后为每个元素创建一个表格行(`&lt;tr&gt;`),并将属性值作为单元格(`&lt;td&gt;`)插入。 具体步骤如下: 1. **加载XML数据**:使用`XMLHttpRequest`对象...

    jquery中object对象循环遍历的方法

    一个朋友问对象如何转为数组,当我问他为啥要转得时候,他告诉我,数组可以用js循环遍历,而对象则不可以。...),现在要把这个内容,循环绑定到一个表格中。有的朋友对对象的循环就不知道怎么操作了

    jQuery Table表格排序显示代码.zip

    在IT领域,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本资源“jQuery Table表格排序显示代码.zip”聚焦于利用jQuery实现动态表格排序的功能,这对于数据展示和用户...

    js 表格拖拽效果实例代码 (IE only)

    在JavaScript中实现表格拖拽效果,特别是在IE浏览器中,是一种增强用户交互体验的方法。这个实例代码专注于在Internet Explorer中实现拖动表格列并交换它们的功能。以下是对代码的详细解释和扩展: 首先,我们需要...

    IE和火狐下获取单元格内容的共通方法

    此外,如果需要遍历整个表格获取所有单元格的内容,可以使用`getElementsByTagName`或者`querySelectorAll`结合循环来实现。例如: ```javascript var table = document.getElementById('myTable'); var cells = ...

    jquery 固定表格标题和列

    4. **兼容性**:这个实例强调了对IE6及以上以及火狐、谷歌等现代浏览器的兼容性。这意味着代码需要处理不同浏览器之间的差异,如CSS前缀、事件处理方式等,以确保在各种环境下都能正常工作。 5. **HTML和CSS**:...

    圆角表格的实现

    函数遍历表格中的所有行和单元格,并为每个单元格的四个角落设置边框半径。最后,调用这个函数并传入我们的表格ID和所需的圆角大小。 请注意,这个方法只适用于支持CSS `border-radius`属性的浏览器。虽然现代...

    js拖动表格宽度

    - **IE浏览器**:对于IE8及更早版本,使用`attachEvent`代替`addEventListener`,并注意IE的事件模型与W3C标准的不同。 - **火狐和其他现代浏览器**:火狐等现代浏览器通常支持`addEventListener`,但需要关注一些...

    javascript经典特效---会动的表格.rar

    《JavaScript经典特效——会动的表格》 在Web开发领域,JavaScript是一种不可或缺的脚本语言,它赋予网页动态交互的能力,让网页从静态文本转变为生动的用户体验。在本专题中,我们将深入探讨如何利用JavaScript...

    html页面表格导出excel(原生js浏览器全兼容)

    例如,可以通过`document.getElementById`或`querySelector`找到表格元素,然后遍历`rows`和`cells`属性来获取所有单元格的数据。 ```javascript var table = document.getElementById('myTable'); var rows = ...

    JavaScript改变表格单元格的背景颜色 - 支持多浏览器

    在这个JavaScript脚本中,我们首先获取到`myTable`表格,然后遍历所有的行和单元格。根据行和列的索引,我们决定是否改变单元格的背景颜色。这个例子中,我们对奇数行奇数列的单元格设为浅蓝色,偶数行偶数列的...

    js复制表格及清除表格内的input

    实现复制表格的基本思路是遍历目标表格的所有行和列,获取每个单元格的内容并将其存储为字符串。这里使用了一个名为`copyGridView`的函数,该函数接受一个参数`tableId`,即要复制的表格的ID。 ```javascript ...

    【JavaScript源代码】纯JS将table表格导出到excel的方法.docx

    在`getTblData`函数中,你需要遍历表格的每一行和每一列,获取单元格中的文本内容。这通常可以通过DOM遍历实现,例如使用`getElementsByTagName`、`childNodes`或`querySelectorAll`等方法。 在`doFileExport`函数...

Global site tag (gtag.js) - Google Analytics