jquery 追加tr和删除tr

2015-12-24 0 476

本人初学者。。。发出来一是自己留着 二是给菜鸟使用。。
jquery 追加tr和删除tr

功能就是在添加的时候 追加一个TR 这样可以一次使用数组提交很多数据 !~

<script type=\"text/javascript\" src=\"js/jquery-1.7.1.min.js\"></script>
<script>
$(function(){   
    $(\"#getAtr\").click(function(){           
        $str=\'\';
        $str+=\"<tr align=\'center\'>\";
        $str+=\"<td><input type=\'text\' name=\'advTitle[]\'/></td>\";
        $str+=\"<td><input type=\'file\' name=\'img[]\' /></td>\";
        $str+=\"<td><input type=\'text\' name=\'advContent[]\' /></td>\";
        $str+=\"<td><input type=\'text\' name=\'advSource[]\' /></td>\";
        $str+=\"<td><input type=\'text\' name=\'advAuthor[]\' /></td>\";
        $str+=\"<td><input type=\'text\' name=\'advPosition[]\' /></td>\";
        $str+=\"<td onClick=\'getDel(this)\'><a href=\'#\'>删除追加</a></td>\";     
        $str+=\"</tr>\";
        $(\"#addTr\").append($str);    
    });
});

function getDel(k){
    $(k).parent().remove();     
}
</script>

--------------------------------------------------------------------------------
html部分
<table align=\"center\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">
 <tr align=\"center\">
   <td>广告名称</td>
   <td>广告图片</td>
   <td>广告内容</td>
   <td>广告来源</td>
   <td>广告作者</td>
   <td>广告描述</td>
   <td align=\"center\"><a href=\"#\" id=\"getAtr\">追加内容</a></td>
 </tr>
<tbody id=\"addTr\">
 <tr align=\"center\">
   <td><input type=\"text\" name=\"advTitle[]\"/></td>
   <td><input type=\"file\" name=\"img[]\" /></td>
   <td><input type=\"text\" name=\"advContent[]\" /></td>
   <td><input type=\"text\" name=\"advSource[]\" /></td>
   <td><input type=\"text\" name=\"advAuthor[]\" /></td>
   <td><input type=\"text\" name=\"advPosition[]\" /></td>
   <td></td>
  </tr>
</tbody>
 <tr align=\"center\">
  <td colspan=\"5\"><input type=\"submit\" value=\"全部添加\" /></td>
 </tr>
</table> 

遇见资源网 js/jquery jquery 追加tr和删除tr http://www.ox520.com/11293.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务