请教一个JavaScript的问题....



 如上图,我想实现的是,单击“添加”按钮,会将 报销类型一、报销类型二、描述、发票数量、金额等信息添加到“已添加报销条目”下显示出来,单击条目后的“删除”即可删除此条目,请问怎么用JavaScript实现?谢谢!!

2个回答

哥们帮人帮到底
送你源码,测试通过,不明白的留言
[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。"); }



1 2 3
11 22 33










[/code]

ok了,记得采纳我

iteye_18009
iteye_18009 有耐心写这么多,真不容易。
7 年多之前 回复
hailinguoloveyou
hazir 真的很感谢!
7 年多之前 回复

哥们看着
原文连接:
[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]

hailinguoloveyou
hazir 嗯,感谢啊....能否告诉我怎样获取select,input text这些值呢?
7 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问