
如上图,我想实现的是,单击“添加”按钮,会将 报销类型一、报销类型二、描述、发票数量、金额等信息添加到“已添加报销条目”下显示出来,单击条目后的“删除”即可删除此条目,请问怎么用JavaScript实现?谢谢!!
哥们帮人帮到底
送你源码,测试通过,不明白的留言
[code="html"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
demo about table //在id为test的table的最后增加一行 function addtr(id){ tr_id = $("#"+id+">tbody>tr:last").attr("id"); //alert(tr_id); tr_id++; //alert(tr_id); str = "<tr id = '"+tr_id+"'><td width='30%'><input type='radio' name='rdo' id='rdo"+tr_id+"' value='"+tr_id+"' onclick='putIndex("+tr_id+")' /> </td><td width='30%'><input id='id"+tr_id+"' name='txt"+tr_id+"' value='' /></td><td width='30%'><select name='select"+tr_id+"' id='sel"+tr_id+"'><option value='1'>--1--</option><option value='2'>--2--</option><option value='3'>--3--</option></select></td></tr>"; $('#'+id).append(str); } //删除id为test的table的最后一行 function deltr(id){ tr_id = $("#"+id+">tbody>tr:last").attr("id"); $('#'+tr_id).remove(); } function putIndex(param) { $("#selectIndex").val(param); $("#txt1").val("获取选取的行"+param+"input值"); $("#sel1").val("获取选取的行"+param+"select值"); } function getTxt() { //获取选择的索引 var index=$("#selectIndex").val(); var txtId="id"+index; var txtvalue=$("#"+txtId).val(); alert("获取到选择的值\t"+txtvalue+"对了吧,采纳我,ok。"); } function getSel() { //获取选择的索引 var index=$("#selectIndex").val(); var selId="sel"+index; var selvalue=$("#"+selId).val(); alert("获取到选择的值\t"+selvalue+"对了吧,采纳我,ok。"); }
[/code]
ok了,记得采纳我
哥们看着
原文连接:
[url]http://demojava.iteye.com/blog/781091[/url]
附件是代码
jquery table 添加删除行.7z (42.4 KB)
[url]http://dl.iteye.com/topics/download/fa66d09d-5290-359f-af0a-4159f353a18d[/url]