Prototype使用学习手册指南之form.js JavaScript验证只能是英文字符和数字

jQuery的动态表格动态表单

jQuery的动态表格动态表单
这个例子就是通过jquery对dom进行操作,达到动态的实现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>
jQuery的下面是动态表格动态表单中的HTML代码
<script>var jobline=1;</script>
<input type="hidden" name="jobline" id="jobline" value="1">
<table width="462" border="0" cellspacing="3" 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" />
TAG: jquery实例 jquery教程
kimi post in Jquery框架 at 2007-09-19 21:18:54.
永久地址:http://ijavascript.cn/jquery/jquery-dynamic-form-108.html
在百度中搜索《jQuery的动态表格动态表单》。

发表评论

发表评论

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。