1个回答
展开全部
<html>
<table border="1" cellpadding="0" cellspacing="0" id="tabTravelDetail">
<tr>
<td width="10%">
<span name="day" value="1" group="travelDetail" key="day">第1天</span>
</td>
<td width="20%">
标题：
<input type="text" group="travelDetail" key="title" />
</td>
<td width="25%">
描述：
<textarea id="TextArea1" cols="20" rows="2" style="width: 600px; height: 100px;"
group="travelDetail" key="description"></textarea>
</td>
<td width="10%" align="center">
<input type="button" value=" + " onclick="AddTr(this);" key="1" />
</td>
</tr>
</table>
<table id="tmpTrvael" style="display: none">
<tr>
<td width="10%">
<span name="day" value="1" group="travelDetail" key="day"></span>
</td>
<td width="20%">
标题：
<input type="text" group="travelDetail" key="title" />
</td>
<td width="25%">
描述：<textarea id="TextArea2" cols="20" rows="2" style="width: 400px; height: 100px;"
group="travelDetail" key="description"></textarea>
</td>
<td width="10%" align="center">
<input type="button" value=" - " onclick="RemoveTr(this);" />
</td>
</tr>
</table>
<html>
<script>
//追加行程
function AddTr(obj) {
$("#tabTravelDetail").append($("#tmpTrvael").html());
}
//移除详细行程
function RemoveTr(obj) {
$(obj).parent().parent().remove();
}
</script>
你建一个html,把我的代码粘进去，就能运行
<table border="1" cellpadding="0" cellspacing="0" id="tabTravelDetail">
<tr>
<td width="10%">
<span name="day" value="1" group="travelDetail" key="day">第1天</span>
</td>
<td width="20%">
标题：
<input type="text" group="travelDetail" key="title" />
</td>
<td width="25%">
描述：
<textarea id="TextArea1" cols="20" rows="2" style="width: 600px; height: 100px;"
group="travelDetail" key="description"></textarea>
</td>
<td width="10%" align="center">
<input type="button" value=" + " onclick="AddTr(this);" key="1" />
</td>
</tr>
</table>
<table id="tmpTrvael" style="display: none">
<tr>
<td width="10%">
<span name="day" value="1" group="travelDetail" key="day"></span>
</td>
<td width="20%">
标题：
<input type="text" group="travelDetail" key="title" />
</td>
<td width="25%">
描述：<textarea id="TextArea2" cols="20" rows="2" style="width: 400px; height: 100px;"
group="travelDetail" key="description"></textarea>
</td>
<td width="10%" align="center">
<input type="button" value=" - " onclick="RemoveTr(this);" />
</td>
</tr>
</table>
<html>
<script>
//追加行程
function AddTr(obj) {
$("#tabTravelDetail").append($("#tmpTrvael").html());
}
//移除详细行程
function RemoveTr(obj) {
$(obj).parent().parent().remove();
}
</script>
你建一个html,把我的代码粘进去，就能运行
更多追问追答
追问
我运行之后点+按钮没添加一行啊？
追答
你没有引用jquery，我是用jquery实现的
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
