注册
登录
| 关键词： nbsp 并将 下图 html 表单 plaincopy 一行 按钮 解答 级别 |
PHP怎样实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中在百度上看到这个提问，想着解答一下，效果如下图：html+jquery:[html] view plaincopy<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script language="javascript" type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> $(function(){ $(':button[name=add]').click(function(){ insertTr(); }) $('button[name=del]').click(function(){ $(this).parents('tr').remove(); }) $(':button[name=delall]').click(function(){ $('.itme').remove(); }) }) var gradeI=1; function insertTr(){ var html=''; html+='<tr class="itme"><td><input type="text" name="data[time][]"></td>'; html+='<td><input type="radio" name="data[grade]['+gradeI+']" value="1">好<input type="radio" name="data[grade]['+gradeI+']" value="2">很好</td>'; html+='<td><select name="data[type][]"><option value="优秀生">优秀生</option><option value="三好生">三好生</option></select></td>'; html+='<td><button name="del">删除</button></td></tr>'; $('#tab').append(html); $('button[name=del]').click(function(){ $(this).parents('tr').remove(); }) gradeI++; } </script> </head> <body> <form action="exe.php" method="post" name="f1"> <table width="500px" id="tab"> <tr><th>日期</th><th>级别</th><th> |
|
声明：文章版权归原作者所有 部分文章转自互联网 如有侵权请联系
[邮箱地址] 删除
|
