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

2013-06-19

JS循环某段代码的问题，希望各位朋友帮个忙，谢谢本帖最后由 cngdjws 于 2013-06-06 10:03:48 编辑单击增加

JS循环某段代码的问题，希望各位朋友帮个忙，谢谢
本帖最后由 cngdjws 于 2013-06-06 10:03:48 编辑单击<增加>链接或<删除>链接,就增减表格，以下是我的表格代码，麻烦各位朋友帮我改一下，谢谢


  <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>

JavaScript 增减表格 tr
[解决办法]


<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">&nbsp;</td>
<td width="106">&nbsp;</td> 
 
<td width="99">&nbsp;</td>
<td width="156">&nbsp;</td>
<td width="84"><input type="button" name="button" id="button" value="add" target="add" >
</td>
</tr>
<tr style="display:none" title="隐藏作为模板行">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</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">&nbsp;</td>

<td width="156">&nbsp;</td>
<td width="84"><input type="button" name="button" id="button" value="add" target="add" >
</td>
</tr>
<tr style="display:none" title="隐藏作为模板行">
<td>&nbsp;</td>

<td>&nbsp;</td>
<td><input type="button" name="button" id="button" value="remove" target="remove"></td>
</tr>

</table>
</body>
</html>

给你个例子自己看吧
[解决办法]

引用:

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>

热点排行