jquery表单如何实现点击增加一行
导读:本文共1259字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 表单点击增加一行的实现方法:1、使用click()函数给form元素绑定点击事件,并设置事件处理函数;2、在事件处理函数中,使用append()函数向表单中增加一行控件,语法为“$(this).append("表单输入控件元素")... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
表单点击增加一行的实现方法:1、使用click()函数给form元素绑定点击事件,并设置事件处理函数;2、在事件处理函数中,使用append()函数向表单中增加一行控件,语法为“$(this).append("表单输入控件元素");”。
本教程操作环境: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>
说明:
append( ) 方法可以向所选元素内部的“末尾处”插入内容。
语法:
$(A).append(B)
表示往 A 内部的末尾处插入 B。
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:
jquery表单如何实现点击增加一行的详细内容,希望对您有所帮助,信息来源于网络。