jquery表单如何实现点击增加一行(jquery,web开发)

时间:2024-04-29 10:15:01 作者 : 石家庄SEO 分类 : web开发
  • TAG :

表单点击增加一行的实现方法:1、使用click()函数给form元素绑定点击事件,并设置事件处理函数;2、在事件处理函数中,使用append()函数向表单中增加一行控件,语法为“$(this).append("表单输入控件元素");”。

jquery表单如何实现点击增加一行

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery表单实现点击增加一行

实现方法:

  • 使用click()函数给form元素绑定点击事件,并设置事件处理函数

  • 在事件处理函数中,使用append()函数向表单中增加一行

实现代码:

<!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <scriptsrc="js/jquery-1.10.2.min.js"></script> <scripttype="text/javascript"> $(document).ready(function(){ $("form").click(function(){ $(this).append("<br>其 他:<input>"); }); }); </script> </head> <body> <formstyle="border:1pxsolidred;padding:10px;"> 用户名:<inputtype="text"name="name"><br> 密 码:<inputtype='password'name='password'> </form> <p>点击表单,增加一行数据</p> </body></html>

jquery表单如何实现点击增加一行

说明:

append( ) 方法可以向所选元素内部的“末尾处”插入内容。

语法:

$(A).append(B)

表示往 A 内部的末尾处插入 B。

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:jquery表单如何实现点击增加一行的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:vue组件中data为什么是一个函数下一篇:

13 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18