javascript - MySQL循环只能删除第一条数据？

Question

我有 MySQL 循环，当我单击第二个按钮以获取它们的 ID 并进行其余处理时，它不起作用。为什么会这样？

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

Answer 1

您需要在脚本中使用class 而不是ID。

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

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