var form = document.forms[0];
var objTable = document.getElementById("specialFee");
var objTableBody=objTable.children(0);
var rowCount = objTable.rows.length;
var newRow = document.createElement("TR");
newRow.align = "center";
newRow.style.background = "#E6FFF2";
var objCell1 = document.createElement("TD");
objCell1.align="center";
var objInput1_1 = document.createElement("<input name='Vchbox' type='checkbox' value=''>");
objInput1_1.id="Vchbox"+innum;
objInput1_1.attachEvent("onclick",new Function("vcheck(" +innum+ ");"));
objCell1.appendChild(objInput1_1);
newRow.appendChild(objCell1);
var objCell2 = document.createElement("TD");
objCell2.align="center";
var objInput2_1 = document.createElement("<input name='VSailNo' style='text-align: center;' type='text' class='input80' maxlength='6' size='6'>");
objInput2_1.id="VSailNo"+innum;
objCell2.appendChild(objInput2_1);
newRow.appendChild(objCell2);
var objCell10 = document.createElement("TD");
var objInput10_1 = document.createElement("<select name='VFerry'>");
objInput10_1.id="VFerry"+innum;
objInput10_1.style.width="120";
<%
for(int i=0;i<ferryinfo_res.size();i++){
dynaBean = (DynaBean)ferryinfo_res.get(i);
%>
var objOption10_<%=i%> = document.createElement("option");
objOption10_<%=i%>.text="<%=CmnUtFunc.HtmlEncode(String.valueOf(dynaBean.get("FerryInfo_cname")).trim())%>(至<%=CmnUtFunc.HtmlEncode(String.valueOf(dynaBean.get("City2_name")))%>)";
objOption10_<%=i%>.value= "<%=CmnUtFunc.HtmlEncode(String.valueOf(dynaBean.get("FerryInfo_ferry")).trim())%>,<%=CmnUtFunc.HtmlEncode(String.valueOf(dynaBean.get("City1_name")).trim())%>,<%=CmnUtFunc.HtmlEncode(String.valueOf(dynaBean.get("City2_name")).trim())%>";
objInput10_1.add(objOption10_<%=i%>);
<%}%>
objInput10_1.attachEvent("onchange",new Function("f(" +innum+ ");"));
objCell10.appendChild(objInput10_1);
newRow.appendChild(objCell10);
var objCell3 = document.createElement("TD");
objCell3.align="center";
var objInput3_1 = document.createElement("<input name='VDeparture' readonly='readonly' style='text-align: center;' type='text' class='input80' maxlength='20' size='10'>");
objInput3_1.id="VDeparture"+innum;
objInput3_1.text="<%=CmnUtFunc.HtmlEncode(String.valueOf(dynaBean.get("City1_name")).trim())%>";
objCell3.appendChild(objInput3_1);
newRow.appendChild(objCell3);
objTableBody.appendChild(newRow);
分享到:
相关推荐
本教程将深入探讨如何使用jQuery实现表格(table)的动态添加行和编辑功能,这对于构建数据驱动的Web应用至关重要。 首先,我们需要一个基本的HTML结构来展示表格。一个简单的表格通常包括thead部分(表头)和tbody...
table自动加行及实现单元格运算,如数量价格计算小计。功能不完善,供大家参考一下。
对于“自动添加行”的功能,JavaScript可以通过监听“添加”按钮的点击事件,然后创建新的HTML元素(如表格的行)并将其插入到合适的位置。同时,对于“自动删除行”,JavaScript同样监听“删除”按钮的点击事件,...
这个功能包括在表格中添加新行、删除现有行,并确保在操作过程中序号自动生成和更新。以下是对这个"js实现添加删除一行。每一行下面可以再添加一行。序号自动改变"知识点的详细解释: 1. **动态创建DOM元素**: - ...
此外,还可以扩展这个功能,比如添加验证、编辑和删除行的功能,或者使用AJAX从服务器获取数据并动态插入。这需要更深入地理解DOM操作和JavaScript事件处理。 总结来说,"表格动态插入行"是JavaScript在网页开发中...
本文将深入探讨如何实现ASP.NET Table控件的自动添加和删除行的功能。 首先,我们要了解Table控件的基本用法。在ASP.NET中,Table控件可以通过`<asp:Table>`标签来声明,然后通过添加`<asp:TableRow>`和`...
在Android开发中,有时我们需要创建一个可动态添加行的表格布局,这通常涉及到对`TableLayout`和`TableRow`组件的使用。`TableLayout`是Android SDK中的一个视图组,它允许我们创建类似电子表格的布局,而`TableRow`...
6. **事件处理**:在某些情况下,你可能希望在用户完成编辑新行后自动保存数据,或者在用户尝试离开未保存的新行时给出提示。这可以通过监听`GridControl.NewRowEventHandler`和`GridView.RowValidating`等事件来...
在Visual Studio这款强大的集成开发环境中,自动添加注释的功能极大地提高了程序员的工作效率,尤其是在编写或维护代码时。这个特性使得开发者能够快速地为代码添加清晰的文档,方便团队协作和后期维护。以下将详细...
### 水晶报表分页并自动插入空白行 在水晶报表(Crystal Reports)的设计与应用过程中,为了提高报表的可读性和美观性,我们常常需要实现特定的格式化功能,比如分页显示数据以及在特定条件下自动插入空白行等。...
标题“自动增加行的动态表格”指的是在网页中实现一种交互式表格,它能够自动添加新的行数据,这种功能在数据录入、管理或展示时非常有用。动态表格通常结合前端JavaScript库或者自定义脚本来实现,允许用户无须刷新...
总结来说,实现Win32 EditControl多行文本框的自动换行以及添加新行后自动移动光标到末尾,主要涉及设置EditControl的样式和正确使用API消息。通过理解这些基础原理,你可以更好地控制和定制你的文本输入控件,以...
2、添加一行,如要添加一行需点击“添加”按钮,现点击两下会自动添加两行,效果如下截图: 3、删除一行,如要删除指定行,先要选中行然后在点击“删除”按钮进行删除(这不是废话嘛~~~),现选中一行,效果如下截图...
JavaScript(js)作为客户端脚本语言,使得我们能够实现表格的动态交互功能,如动态添加行、行编辑以及行数据修改。下面我们将深入探讨这些知识点。 ### 1. 动态添加行 在HTML中,`<table>`元素用于创建表格,但...
在“ajax jquery 自动增加行”的场景下,我们通常是在一个表格中动态添加行。例如,用户填写完一表格行的信息后,点击“添加”按钮,新行会立即出现在表格底部,而无需刷新整个页面。以下是实现这一功能的基本步骤:...
本文将详细介绍如何使用纯JavaScript实现表格行的自动增加与删除功能,以及如何为表格中的特定单元格添加当前日期。该功能不仅提高了用户交互体验,还增强了页面的灵活性。 #### 一、功能概述 本示例通过三个按钮...
通过这种方式,你可以创建一个简单的自动化工具,用于在Excel中快速添加数据行。请注意,这个代码是基于给定的示例,你可以根据实际需求调整目标行号和数据范围。如果要实现更复杂的功能,例如检查数据的唯一性、...
在开发过程中,我们可能会遇到在GridView中添加新行数据时遇到数据为空或者无法自动刷新的问题。本篇文章将深入探讨这个问题及其解决方案。 首先,当试图在GridView中添加新的数据行时,如果数据为空,可能的原因有...
"安卓app自动更新,一行代码搞定,最新开源库"这个标题所指的,就是一种简化了自动更新流程的方法,它利用特定的开源库,使得开发者只需要一行代码就能实现在用户设备上检查并安装应用的更新。这大大提高了开发效率...