jQuery的下面是动态表格动态表单中的HTML代码

动态表格动态表单中的Jquery代码

<script type="text/javascript" src="/include/jquery/jquery-1.1.3.1.pack.js"></script>
<script language="javascript">
$("#addjobline").css("cursor","pointer");
$("#rmjobline").css("cursor","pointer");
$("#addjobline").click( function() {
jobline+=1;
$("#jobline").val(jobline);
var str="";
str+=‘<tr id="jobline‘+jobline+‘">‘
str+=‘<td><input type="text" name="brq‘+jobline+‘"></td>‘
str+=‘<td><input type="text" name="erq‘+jobline+‘"></td>‘
str+=‘<td><input type="text" name="school‘+jobline+‘"></td>‘
str+=‘<td><input type="text" name="spe‘+jobline+‘"></td>‘
str+=‘</tr>‘;
$("#job").append(str);
} );
$("#rmjobline").click( function() {
$("#jobline"+jobline).remove();
jobline-=1;
$("#jobline").val(jobline);
} );
</script>

<script>var jobline=1;</script>
<input type="hidden" name="jobline" id="jobline" value="1">
<table width="462" border="0" cellspacing="3"2881064151 cellpadding="0">
        <tr>
          <td width="88" class="td1">开始日期</td>
          <td width="88" class="td1">结束日期</td>
          <td width="117" class="td1">单位名称</td>
          <td width="115" class="td1">岗位名称</td>
        </tr>
       <tbody id="job">
        <tr id="jobline1">
          <td><input type="hidden" name="jid1"><input type="text" name="brq1" ></td>
          <td><input type="text" name="erq1"></td>
          <td><input type="text" name="school1"></td>
          <td><input type="text" name="spe1"></td>
        </tr>
       </tbody>
</table>
<img src="/images/member/03.jpg" id="addjobline" width="12" height="17" /> <img src="/images/member/04.jpg" id="rmjobline" width="12" height="17" />

时间: 2024-12-28 19:14:44

jQuery的下面是动态表格动态表单中的HTML代码的相关文章

在BPM动态可配置表单中使用NoSQL技术可行性分析——通用流程化应用审批单设计思路(二)

原业务流程平台审批单使用横向表纵向存储的思路,所有流程所使用的业务表单的数据都存在一张物理表中,表中每条数据记录包含Column定义和Value,Column所对应的字段信息,通过定义表来定义.这种做法就是在实现时,需要使用代码进行数据组装,比较繁琐.当表单较大时,界面展现速度慢.此方案查询统计支持有限. 为了满足可配置动态表单的需求,并解决上述方案的不足,采用NoSQL技术来优化设计,因为NoSQL无需事先为要存储的数据建立字段,随时可以存储自定义的数据格式.按NoSQL的特性,可以灵活进行s

JQuery实现表格动态增加行并对新行添加事件

实现功能: 通常在编辑表格时表格的行数是不确定的,如果一次增加太多行可能导致页面内容太多,反应变慢:通过此程序实现表格动态增加行,一直保持最下面有多个空白行. 效果: 一:原始页面 二:表1增加新行并绑定timepicker 三:表2自动增加行,新行绑定timepicker HTML源码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

Jquery动态表格选中删除

在写动态表格的删除事件时,遇到了一个问题, 当我这样选中时 之前选中删除的代码是这样 我想根据选中框的tr的下标,来将相应的tr删除,但是这样并不能达到预期效果,不能一次全部删除,选中多个时总会有残留 就是下面这样,点击选中删除后的样子 我想了许多办法都未能解决,放弃一段时间后我突然明白了一个最简单的问题 动态表格,就算是删除的时候,他在我选中多个的时候,也根据我选中的下标进行删除,也就是一个个删除,当删除第一个的时候,所有的下标发生了变化,这样会对第二个要删除的元素发生变化,于是我对循环的方式

关于表格动态添加行并处理相关表单元素的一些修改----优化for重用(2)

功能介绍: 1.处理了动态行与表单的设值问题 2.添加了行的向上或向下排序 3.添加了可以在当前行的下边或上边增加新行的功能 4.添加了可以单选或勾选多项删除不需要的行的功能 5.添加了新增的行的高亮(以new红标记标注)的功能 6.实现了可以不依靠样式表(即:即使不要<style></style>部分,功能不会一点) 7.实现了方便后端的接收的数据形式(通过一个动态的长度设置,后端获取这个动态长度并且从1开始循环即可接收相关数据) 8.实现了方便后端进行编辑时的界面(即添加与编辑

关于JS动态切换样式表

最近在项目开发中发现一个很纠结的问题:jquery动态添加的节点无法正常渲染CSS样式,一番百度谷歌后,遍寻未果,后来我索性换一种思路,在前台中定义好CSS样式,然后在动态生成时控制CSS样式的开启和关闭,其实动态开启和关闭CSS样式就一句代码: document.styleSheets[i].disabled=true/false; document.styleSheets是页面中所有用<style></style>标签定义的样式个数,你可以通过document.styleShe

html表格动态添加删除行(有后台操作)

<HTML> <TITLE>Form Object example</TITLE> <HEAD> <script language="javascript"> function delrow1() { var oElement=event.srcElement; while(oElement.tagName!="TR") { oElement=oElement.parentElement; } var oT

js的动态表格的增删改查思路

1. 首先我们要知道,动态添加,肯定不是 在页面上写死得,而是通过js调用循环放入到页面上的,我们在写动态表格的时候不要先着急写,我们第一步要做的就是构思,要把自己的逻辑先弄清楚,不然的话,前面是好写,到最后你就不好写了,到最后有可能要推倒重来,因为我之前就是这样. 2.接下来我们开始来完成代码部分 我们写死在页面上的的东西应该有查询按钮 全部删除 添加  还要给它一个form表单用于添加和修改数据,其实可以换别的添加和修改的方法,这里只给一个参考 代码如下: Html: css: table{

ArcGIS插入动态表格

ESRI Producting Mapping arcgis插入动态表格,制图时插入动态表格,Esri Mapping and Charting Solutions ArcGIS插入动态表格 点击学习系统教程

jquery版小型婚礼(可动态添加祝福语)

原文:jquery版小型婚礼(可动态添加祝福语) 前两天在网上不小心看到“js许愿墙”这几个字,我的神经就全部被调动了.然后就开始我的百度生涯,一直寻觅许愿墙背景图片和便利贴图片,觅了好久……一直没找到满意的……无意间看到祝福语和一些卡通婚礼图片.最终我决定用jquery制作一个小型婚礼,并且实现添加祝福语的功能. 音乐响起来,开始我的婚礼进行曲~ 一.婚礼演示图 场景一: 场景二: 场景三: 场景四: 场景五: 场景六: 场景七: 添加祝福语: 二.html代码 <div class="