jquery表单怎么实现点击增加一行
时间：2022-03-25 18:52
表单点击增加一行的实现方法：1、使用click()函数给form元素绑定点击事件，并设置事件处理函数；2、在事件处理函数中，使用append()函数向表单中增加一行控件，语法为“$(this).append("表单输入控件元素");”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery表单实现点击增加一行
实现方法：
使用click()函数给form元素绑定点击事件，并设置事件处理函数
在事件处理函数中，使用append()函数向表单中增加一行
实现代码：
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <script src="js/jquery-1.10.2.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $("form").click(function() {
- $(this).append("<br>其 他: <input>");
- });
- });
- </script>
- </head>
- <body>
- <form style="border: 1px solid red;padding: 10px;">
- 用户名: <input type="text" name="name"><br>
- 密 码: <input type='password' name='password'>
- </form>
- <p>点击表单，增加一行数据</p>
- </body>
- </html>
说明：
append( ) 方法可以向所选元素内部的“末尾处”插入内容。
语法：
- $(A).append(B)
表示往 A 内部的末尾处插入 B。
【推荐学习：jQuery视频教程、web前端视频】
以上就是jquery表单怎么实现点击增加一行的详细内容，更多请关注gxlsystem.com其它相关文章！
热门排行
今日推荐
热门手游
-
商场购物模拟器官方版
版本：v1.0.9
大小：46.11MB
日期：2024-12-16
-
滚动方块大冒险免费版
版本：v1.0.5
大小：26.10MB
日期：2024-12-16
-
恋恋奇缘体验服版
版本：v1.0.0
大小：131.33MB
日期：2024-12-16
-
炉石传说官方正版
版本：v1.0
大小：100.52MB
日期：2024-12-16
-
人群大师免费版
版本：v2.15.0
大小：57.68MB
日期：2024-12-16
-
方鸡跳跑单机版
版本：v1
大小：63.49MB
日期：2024-12-16