2015-10-09 82 views
1

我有MySQL循環,當我點擊第二個按鈕來獲得他們的ID,並做休息處理它不工作。爲什麼會發生?MySQL循環只能刪除第一個數據?

$(document).ready(function() { 
$("#deleteSchedule").click(function (e) { 
    e.preventDefault(); 
    var url_tna = "<?php echo $_SESSION['url_address'];?>mods/agent_management/code/"; 
    var deleteSchedule =$("#deleteSchedule").val(); //build a post data structure 

    var JsonData = {deleteSchedule: deleteSchedule}; 

    jQuery.ajax({ 
     type: "POST", // Post Get method 
     url: url_tna+"email_template_response.php", //Where form data is sent on submission 
     dataType:"text", // Data type, HTML, json etc. 
     data:JsonData, //Form variables 
     success:function(response){ 
      window.location.reload(true); // reload before append 
      $("#responds").append(response); 
      document.getElementById("contentText").value = ""; 
     }, 
     error:function (xhr, ajaxOptions, thrownError){ 
      alert(thrownError); 
     } 
    }); 
}); 
}); 
</script> 



<?php $i=1; while ($row = mysql_fetch_array($result)) { ?> 

      <tr> 

       <td><?php echo $i; ?></td> 
        <td><input type="textarea" id="TitleData" name="TitleData" value="<?php echo $row['niceDate']; ?>" ></input></td> 
        <td><button id="deleteSchedule" name="deleteSchedule" class="del_button" value="<?php echo $row['id'];?>"><a href="#" style="display:block" class="button insertcolumn" id="<?php echo $row['id'];?>">Delete</a></button></td> 
        <? $i++;}?> 
       </tr> 
     </table> 

only first button work

+4

**元素的ID必須具有唯一性** - ID選擇將返回只有第一個元素與所述ID ...這就是爲什麼只有第一個元素工作...使用類而不是ID來分組類似的元素 –

+0

您不能在頁面中多次使用相同的ID。 –

+0

你可以添加變量我的ID使其獨特 – guradio

回答

1

你需要在你的腳本中使用class,而不是ID

在您的JS:

$(document).ready(function() { 
$(".deleteSchedule").click(function (e) { 
    e.preventDefault(); 
    var url_tna = "<?php echo $_SESSION['url_address'];?>mods/agent_management/code/"; 
    var deleteSchedule =$(this).val(); //build a post data structure 

    var JsonData = {deleteSchedule: deleteSchedule}; 

    jQuery.ajax({ 
     type: "POST", // Post Get method 
     url: url_tna+"email_template_response.php", //Where form data is sent on submission 
     dataType:"text", // Data type, HTML, json etc. 
     data:JsonData, //Form variables 
     success:function(response){ 
      window.location.reload(true); // reload before append 
      $("#responds").append(response); 
      document.getElementById("contentText").value = ""; 
     }, 
     error:function (xhr, ajaxOptions, thrownError){ 
      alert(thrownError); 
     } 
    }); 
}); 
}); 
</script> 

在你的PHP:

<?php $i=1; while ($row = mysql_fetch_array($result)) { ?> 

      <tr> 

       <td><?php echo $i; ?></td> 
        <td><input type="textarea" id="TitleData" name="TitleData" value="<?php echo $row['niceDate']; ?>" ></input></td> 
        <td><button name="deleteSchedule" class="del_button deleteSchedule" value="<?php echo $row['id'];?>"><a href="#" style="display:block" class="button insertcolumn" id="<?php echo $row['id'];?>">Delete</a></button></td> 
        <? $i++;}?> 
       </tr> 
     </table> 
+0

'$(「this」)。val();'??? –

+0

@ArunPJohny Oops..thays指出它現在糾正 –

相關問題