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

本帖最后由 cngdjws 于 2013-06-06 10:03:48 编辑

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

选中select的option后删除表格的行？
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>
这个用jquery 操作比较好做！
function add(obj) {
    $(this).parent().append('<td></td>');
}
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>
<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>给你个例子自己看吧
<script type="text/javascript">
function del(obj) {
    $(obj).parent().remove();
}
function add(obj) {
    $(obj).parent().append('<td>sfsf</td>');
}
</script>
<script type="text/javascript">
function del(obj) {
    $(obj).parent().remove();
}
function add(obj) {
    $(obj).parent().append('<td>sfsf</td>');
}
</script>换成上面的两个
你写<table>的标签了吗？再加上<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
用户了：wangwei703  的演示列解决了问题，但也谢谢  veryhunger  的热心回答