您的位置:首页 > Web前端 > JQuery

jquery添加删除表格行

2014-03-11 14:39 288 查看
<table border="0" cellpadding="2" cellspacing="1" width="100%" class="tablebgW" id="table2">

<tr class="content" >

<td class="tableCenter" width="25%">参与项目</td>

<td class="tableCenter" width="15%">所在行政区划</td>

<td class="tableCenter" width="15%">开户银行</td>

<td class="tableCenter" width="15%">银行网点</td>

<td class="tableCenter" width="15%">银行账号</td>

<td class="tableCenter" width="15%">开户户名</td>

<td class="tableCenter" width="15%">操作</td>

</tr>

<tr class="back5" id="jmcyxm" >

<td class="tableCenter" width="25%">

<!-- 补贴项目下拉菜单,需要从数据库里进行读取 到时候写一个htjs:select下拉菜单 -->

<htjs:select sid="SELECT_ALL_BTXM" value="DM_BTXM" label="MC_BTXM" name="BTXM" associate="" >

</htjs:select>

</td>

<!-- 所在行政区划 -->

<td class="tableCenter" width="25%">

<input type="hidden" name="nmXzqhDm" />

<input type="text" name="XMXZQH" onclick="" size="10" readonly="readonly"/>

<a href="javascript:void(0);" onclick=""></a>

<img src="/server/hmykt/public/images/images/bi.gif" title="选择" style="cursor: hand">

</td>

<!-- 选择银行 -->

<td class="tableCenter" width="12.5%">

<select name="nmYhlbDm" onchange="">



<option value="01">农业银行</option>



<option value="02">邮政银行</option>



<option value="03">农村信用社</option>



<option value="04">建设银行</option>



<option value="05">地方商业银行</option>



</select>

</td>

<td class="tableCenter" width="12.5%">

<input type="text" name="nmHH_KHYH_SHOW" size="10" onclick="" readonly="readonly"/>

<a href="" onclick=""></a>

<img src="/server/hmykt/public/images/images/bi.gif" title="选择试验" style="cursor: hand" />

</td>

<!-- 银行帐号 -->

<td class="tableCenter" width="12.5%">

<input type="text" size="10" name="nmYhzh" value="试验" />

</td>

<!-- 开户户名 -->

<td class="tableCenter" width="12.5%">

<input type="text" size="10" name="nmKhhm" value="试验二"/>

</td>

<!-- 最后一个td -->

<td>

</td>

</tr>

<tr class="back5" id="tianjia">

<td class="tableRight" colspan="7">

<input type="button" class="button1" name="" id="" value="添 加" onclick="appendRow()"/>  

</td>

</tr>

</table>



//添加行

function appendRow(){

var tr = $("#jmcyxm1").clone(true);//克隆一行

tr.find("td:last").html("<img src='/server/hmykt/public/images/images/del_01.gif' onclick='delRow(this);'title='删除'>");

tr.insertBefore("#table2 tr:last");//把这行加到表格的倒数第二行,表格添加完毕

}

//删除相对应的行

function delRow(rows)

{

$(rows).parent("td").parent("tr").remove();

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: