JS循环某段代码的问题,希望各位朋友帮个忙,谢谢

从此不换网名 2013-06-06 10:02:47
单击<增加>链接或<删除>链接,就增减表格,以下是我的表格代码,麻烦各位朋友帮我改一下,谢谢


<tr id="tr_1">
<td width="13%" align="center" valign="middle"><input name="txt_course[1]" type="text" id="txt_course" size="22" /></td>
<td width="25%" align="center" valign="middle"><input name="txt_date1" type="text" id="txt_date1" size="14" />

<input name="txt_date2" type="text" id="txt_date2" size="14" /></td>
<td width="16%" align="center" valign="middle"><input name="txt_institution[1]" type="text" id="txt_institution" size="24" /></td>
<td align="center" valign="middle"><select name="sele_assistant" id="sele_assistant">
<?php
$sql ="SELECT `id` , `name` , `contact`
FROM `home_assistant`
ORDER BY `home_assistant`.`updatetime` DESC";
$sql =mysql_query($sql,$conn);
$arr = array();
while($home_assistant = mysql_fetch_array($sql)){
echo<<<EOD
<option value="$home_assistant[id]">$home_assistant[name]【$home_assistant[contact]】</option>
EOD;
};
?>
</select></td>
<td width="15%" align="center" valign="middle"><textarea name="tar_explain[1]" id="tar_explain" cols="22" rows="1"></textarea></td>
<td width="8%" align="center" valign="middle"><a href="right_add_student.php?id=1">增加</a> <a href="#" >删除</a></td>
</tr>

...全文
167 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
从此不换网名 2013-06-06
  • 打赏
  • 举报
回复
用户了:wangwei703 的演示列解决了问题,但也谢谢 veryhunger 的热心回答
  • 打赏
  • 举报
回复
引用 10 楼 veryhunger 的回复:
引用 9 楼 cngdjws 的回复:
还是一点反映也没有啊,麻烦你在看看
你写<table>的标签了吗?
再加上
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
  • 打赏
  • 举报
回复
引用 9 楼 cngdjws 的回复:
还是一点反映也没有啊,麻烦你在看看
你写<table>的标签了吗?
从此不换网名 2013-06-06
  • 打赏
  • 举报
回复
还是一点反映也没有啊,麻烦你在看看
  • 打赏
  • 举报
回复
引用 7 楼 veryhunger 的回复:
[quote=引用 5 楼 cngdjws 的回复:] veryhunger 加上去之后没有反映啊,麻烦你在看一下是那里出问题

  <tr id="tr_1">
    <td width="13%" align="center" valign="middle"><input name="txt_course[1]" type="text" id="txt_course" size="22" /></td>
    <td width="25%" align="center" valign="middle"><input name="txt_date1" type="text" id="txt_date1" size="14" />
      至
        <input name="txt_date2" type="text" id="txt_date2" size="14" /></td>
    <td width="16%" align="center" valign="middle"><input name="txt_institution[1]" type="text" id="txt_institution" size="24" /></td>
    <td align="center" valign="middle"><select name="sele_assistant" id="sele_assistant">
    <?php
		$sql ="SELECT `id` , `name` , `contact`
FROM `home_assistant`
ORDER BY `home_assistant`.`updatetime` DESC";
$sql =mysql_query($sql,$conn);
$arr = array();
while($home_assistant = mysql_fetch_array($sql)){
	echo<<<EOD
	      <option value="$home_assistant[id]">$home_assistant[name]【$home_assistant[contact]】</option>
EOD;
	 };
	 ?>    
     </select></td>
    <td width="15%" align="center" valign="middle"><textarea name="tar_explain[1]" id="tar_explain" cols="22" rows="1"></textarea></td>
    <td width="8%" align="center" valign="middle"><a  href="#" onclick='add(this)'>增加</a> <a href="#" onclick='del(this)'>删除</a></td>
  </tr>
<script type="text/javascript">
function del(obj) {
    $(this).parent().remove(this);
}
function add(obj) {
    $(this).parent().append('<td></td>');
}
</script>
<script type="text/javascript">
function del(obj) {
    $(obj).parent().remove();
}
function add(obj) {
    $(obj).parent().append('<td>sfsf</td>');
}
</script>
[/quote]换成上面的两个
  • 打赏
  • 举报
回复
引用 5 楼 cngdjws 的回复:
veryhunger 加上去之后没有反映啊,麻烦你在看一下是那里出问题

  <tr id="tr_1">
    <td width="13%" align="center" valign="middle"><input name="txt_course[1]" type="text" id="txt_course" size="22" /></td>
    <td width="25%" align="center" valign="middle"><input name="txt_date1" type="text" id="txt_date1" size="14" />
      至
        <input name="txt_date2" type="text" id="txt_date2" size="14" /></td>
    <td width="16%" align="center" valign="middle"><input name="txt_institution[1]" type="text" id="txt_institution" size="24" /></td>
    <td align="center" valign="middle"><select name="sele_assistant" id="sele_assistant">
    <?php
		$sql ="SELECT `id` , `name` , `contact`
FROM `home_assistant`
ORDER BY `home_assistant`.`updatetime` DESC";
$sql =mysql_query($sql,$conn);
$arr = array();
while($home_assistant = mysql_fetch_array($sql)){
	echo<<<EOD
	      <option value="$home_assistant[id]">$home_assistant[name]【$home_assistant[contact]】</option>
EOD;
	 };
	 ?>    
     </select></td>
    <td width="15%" align="center" valign="middle"><textarea name="tar_explain[1]" id="tar_explain" cols="22" rows="1"></textarea></td>
    <td width="8%" align="center" valign="middle"><a  href="#" onclick='add(this)'>增加</a> <a href="#" onclick='del(this)'>删除</a></td>
  </tr>
<script type="text/javascript">
function del(obj) {
    $(this).parent().remove(this);
}
function add(obj) {
    $(this).parent().append('<td></td>');
}
</script>
<script type="text/javascript">
function del(obj) {
    $(obj).parent().remove();
}
function add(obj) {
    $(obj).parent().append('<td>sfsf</td>');
}
</script>
ddgx 2013-06-06
  • 打赏
  • 举报
回复

<html class="">
<head>
<meta charset="UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
<script>
$(function(){
	$("table  input[type='button'][target='add']").click(function(){//绑定新增按钮事件
		var currentTable=$(this).closest("table");//获取当前table
		var newTr=$("tr:eq(1)",currentTable).clone().show();
		
		$("input[type='button'][target='remove']",newTr).one("click",function(){
			$(this).closest("tr").remove();
		});
		currentTable.append(newTr);
	});
});
</script>
</head>
<body>
<table width="842" border="1" cellpadding="0" cellspacing="0">
	<tr>
		<td width="363"> </td>
		<td width="106"> </td>
		<td width="99"> </td>
		<td width="156"> </td>
		<td width="84"><input type="button" name="button" id="button" value="add" target="add" >
		</td>
	</tr>
	<tr style="display:none" title="隐藏作为模板行">
		<td> </td>
		<td> </td>
		<td> </td>
		<td> </td>
		<td><input type="button" name="button" id="button" value="remove" target="remove"></td>
	</tr>
	
</table>
<br />
<table width="842" border="1" cellpadding="0" cellspacing="0">
	<tr>
		<td width="363"> </td>
		
		<td width="156"> </td>
		<td width="84"><input type="button" name="button" id="button" value="add" target="add" >
		</td>
	</tr>
	<tr style="display:none" title="隐藏作为模板行">
		<td> </td>
		
		<td> </td>
		<td><input type="button" name="button" id="button" value="remove" target="remove"></td>
	</tr>
	
</table>
</body>
</html>
给你个例子 自己看吧
从此不换网名 2013-06-06
  • 打赏
  • 举报
回复
veryhunger 加上去之后没有反映啊,麻烦你在看一下是那里出问题

<tr id="tr_1">
<td width="13%" align="center" valign="middle"><input name="txt_course[1]" type="text" id="txt_course" size="22" /></td>
<td width="25%" align="center" valign="middle"><input name="txt_date1" type="text" id="txt_date1" size="14" />

<input name="txt_date2" type="text" id="txt_date2" size="14" /></td>
<td width="16%" align="center" valign="middle"><input name="txt_institution[1]" type="text" id="txt_institution" size="24" /></td>
<td align="center" valign="middle"><select name="sele_assistant" id="sele_assistant">
<?php
$sql ="SELECT `id` , `name` , `contact`
FROM `home_assistant`
ORDER BY `home_assistant`.`updatetime` DESC";
$sql =mysql_query($sql,$conn);
$arr = array();
while($home_assistant = mysql_fetch_array($sql)){
echo<<<EOD
<option value="$home_assistant[id]">$home_assistant[name]【$home_assistant[contact]】</option>
EOD;
};
?>
</select></td>
<td width="15%" align="center" valign="middle"><textarea name="tar_explain[1]" id="tar_explain" cols="22" rows="1"></textarea></td>
<td width="8%" align="center" valign="middle"><a href="#" onclick='add(this)'>增加</a> <a href="#" onclick='del(this)'>删除</a></td>
</tr>
<script type="text/javascript">
function del(obj) {
$(this).parent().remove(this);
}
function add(obj) {
$(this).parent().append('<td></td>');
}
</script>
  • 打赏
  • 举报
回复
function add(obj) {
    $(this).parent().append('<td></td>');
}
Null_Reference 2013-06-06
  • 打赏
  • 举报
回复
这个用jquery 操作比较好做!
  • 打赏
  • 举报
回复

function del(obj) {
    $(this).parent().remove(this);
}

function add(obj) {
    $(this).parent().append(this);
}

<td width="8%" align="center" valign="middle"><a  href="right_add_student.php?id=1" onclick='add(this0'>增加</a> <a href="#" onclick='del(this) >删除</a></td>
街头小贩 2013-06-06
  • 打赏
  • 举报
回复
选中select的option后删除表格的行?

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧