首页 > 代码库 > jQuery的下面是动态表格动态表单中的HTML代码
jQuery的下面是动态表格动态表单中的HTML代码
动态表格动态表单中的Jquery代码
<script type="text/javascript" src="http://www.mamicode.com/include/jquery/jquery-1.1.3.1.pack.js"></script>jQuery的下面是动态表格动态表单中的HTML代码
<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="http://www.mamicode.com/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="http://www.mamicode.com/images/member/03.jpg" id="addjobline" width="12" height="17" /> <img src="http://www.mamicode.com/images/member/04.jpg" id="rmjobline" width="12" height="17" />
jQuery的下面是动态表格动态表单中的HTML代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。