//添加模块
function addRow()
{
//获取TABLE的ID
var voteOptionTable = document.getElementById("stream");
//获取TABLE中的<tbody></tbody> 标签ID
var tbody = voteOptionTable.getElementsByTagName("tbody")[1];
//获取<tbody>标签中的<tr>标签
var columnOrder = tbody.getElementsByTagName("tr").length + 1;
//获取<tbody>中的第一个<tr>
var tr = tbody.getElementsByTagName("tr")[0];
var trClone = tr.cloneNode(true);
trClone.getElementsByTagName("td")[0].innerHTML ='<input cssStyle="width:100%" name="projectapplyinfo.billNo" />' ;
trClone.getElementsByTagName("td")[1].innerHTML ='<input cssStyle="width:100%" name="projectapplyinfo.projectId" />';
trClone.getElementsByTagName("td")[2].innerHTML ='<input cssStyle="width:100%" name="projectapplyinfo.moduleId" />';
trClone.getElementsByTagName("td")[3].innerHTML ='<input cssStyle="width:100%" name="projectapplyinfo.applyContent" />';
trClone.getElementsByTagName("td")[4].innerHTML ='<input cssStyle="width:100%" name="projectapplyinfo.mainEmployee" />';
trClone.getElementsByTagName("td")[5].innerHTML ='<input cssStyle="width:100%" name="projectapplyinfo.cooperateeMployee" />';
trClone.getElementsByTagName("td")[6].innerHTML ='<input cssStyle="width:100%" name="projectapplyinfo.ensurEemployee" />';
trClone.getElementsByTagName("td")[7].innerHTML ='<input cssStyle="width:100%" name="projectapplyinfo.content" />';
tbody.appendChild(trClone);
}
分享到:
相关推荐
js 实现表格中动态添加文本框 及下及用,童叟无欺。
- 将`inputItem`添加到单元格中,并使其获得焦点。 ### 步骤四:保存编辑后的数据 1. **单击事件处理**: - 通过`document.attachEvent('onclick', function() { ... })`注册单击事件处理函数。 - 当单击事件...
根据提供的文件信息,我们可以深入解析并提取出与“在文本框中加入日历代码”相关的技术知识点。以下是对这些知识点的详细阐述: ### 一、HTML与JavaScript结合实现日历功能 #### 1. HTML结构定义 - **文档类型...
3. **绑定选择事件**:当用户点击某一天时,将选中的日期填充到文本框中,并关闭日历。 4. **定位日历**:确保日历在文本框下方或者合适的位置出现。 例如,`showCalendar()`可能会这样实现: ```javascript ...
本篇文章将深入探讨如何使用jQuery动态添加控件,包括元素的创建、插入和绑定事件,以及在实际项目中的应用。 首先,我们来了解jQuery如何创建新的HTML元素。在JavaScript中,创建元素通常是通过`document....
本文将详细介绍如何通过JavaScript实现动态添加和删除HTML表格中的行,以及如何实现双击表格中的单元格时将内容变为文本框,以便进行编辑操作。这些功能是前端开发中的基础技能,掌握它们对于提高网站的用户体验至关...
例如,创建一个新行`<tr>`,并为其添加文本框`<input type="text">`。 2. **事件监听**: - 需要为每行末尾的“添加”按钮添加一个点击事件监听器,通常使用`addEventListener()`。当用户点击此按钮时,触发添加新...
总结来说,本文通过示例代码和对相关技术的说明,向大家展示了如何在JSP页面中使用CSS样式技术来改变文本框的外观,并用下横线代替标准的文本框,从而增强界面的视觉吸引力。希望本文的内容能够对进行JSP页面开发的...
在这个函数内部,我们使用了document.getElementById()获取页面上的文本输入框,并通过其value属性获取输入框中的文本,然后将文本框中的内容与文本框节点的值相加,更新回文本框。这个过程中演示了如何利用DOM操作...
该函数用于获取文本框中的值,并更新td单元格的显示内容,从而实现对td单元格值的修改。如果在文本框失去焦点之前用户按下了ESC键,则会调用定义的KeyPress事件处理函数EscKeyPress(),该函数会进一步调用...
本文所关注的是一个特定场景——在用户填写完毕并试图离开一个文本框(例如,通过鼠标点击其他地方或使用Tab键切换焦点)时,对文本框中的数据进行验证。 在给出的示例代码中,我们使用了HTML和JavaScript结合的...
`GetValue()`函数用于收集所有动态添加的文本框中的值,并将它们汇总到一个单独的输入框中。这在处理多条用户输入数据时非常有用,例如在填写多个联系人信息或提交多个商品时。 ```javascript function GetValue() ...
在使用layui框架构建数据表格时,我们经常需要动态地向表格中添加新的行,并且希望这些新添加的行能够具备与原始数据一样的功能,比如单元格的编辑能力。本篇文章将详细讲解如何实现layui点击按钮添加可编辑的一行...
3. **动态创建元素**:为了显示日期时间选择器,插件需要在页面上动态创建HTML元素,如表格(table)、行(tr)、单元格(td)等。这涉及到JavaScript中的DOM操作,如`createElement`、`appendChild`和`innerHTML`等...
总的来说,这个示例展示了如何利用jQuery选择器和事件处理来实现复选框与文本框之间的数据同步,这在构建动态表单和交互式界面时非常有用。通过理解这个例子,开发者可以更深入地了解jQuery在处理用户交互和DOM操作...
点击添加 动态添加两个文本框: 分别表示x和y的值,点击取消 删除本行的2个文本框记得要引入jquery.js 代码如下: [removed][removed] [removed] $(function() { $(“#btnMian”).click(function() { //生成 0 到...
### Input文本框样式代码实例详解 #### CSS美化Input与Textarea元素 在Web开发过程中,对表单元素(如`<input>`和`<textarea>`)进行美化是非常常见且必要的一个步骤,这不仅能提升用户体验,还能增强网站的整体...
例如,以下代码演示了如何添加一个复选框和一个文本框到表格中,并为文本框旁添加一个删除按钮: ```javascript function addNew() { var objMyTable = document.getElementById("tbl"); var index = objMyTable....
在`dynamictable.html`文件中,我们可以预期找到HTML结构,包括表格元素(`<table>`, `<tr>`, `<td>`等)以及可能的CSS样式规则,用于定义表格的布局和动态效果的样式。同时,JavaScript代码段可能被内联在`<script>...
1 单元目标 3 动手实践 4 课堂小结 教学内容 表格的应用 单行文本框的应用 多行文本框的应用 单选框的应用 复选框的应用 综合应用 网页中的表格 添加表格——table、tr、td 标记和标记分别标志着一个表格的开始和...