Как удалить запись с помощью идентификатора?

Question

Я хочу удалить запись в зависимости от значения идентификатора.

Прямо сейчас он всегда удаляет первую запись, даже если я выбираю вторую запись.

Как заставить его работать, чтобы удалить правильную запись?

<cfloop query="GetRecipients"> 
      <tr> 
        <td><input type="text" name="id" value="1" id="deleteid"></td>    
        <td> <a href="" name="deleteid" class="deleteidhere" >Remove</a></td> 

      </tr> 
     <tr> 
      <td><input type="text" name="id" value="2" id="deleteid"></td>   
      <td> <a href="" name="deleteid" class="deleteidhere" >Remove</a></td> 

     </tr> 
     </cfloop> 


<script> 
    $(document).ready(function(){ 

     $(".deleteidhere").click(function(e){ 

    // alert(deleteid); 
    if(confirm("Are you sure you want to delete record?")){ 

      e.preventDefault(); 
     $.ajax({type: "POST", 
       url: "delete_check_Recipents.cfc?method=deleteids", 
       data: { id: $("#deleteid").val() }, 
       success:function(result){ 
      $("#deleteidhere").html(result); 
      window.location.href = "dates.cfm?recipient"; 
     }}); 

     } 
     else{ 
     return false; 
     } 
     }) 


    }); 
</script> 

Answer 1

У вас одинаковый идентификатор для обеих записей. Я изменил это ниже, чтобы получить правильный элемент. Использование одного и того же идентификатора для нескольких элементов не рекомендуется. Следовательно, замените идентификатор ниже именем класса, а также в html.

<script> 
    $(document).ready(function(){ 

     $(".deleteidhere").click(function(e){ 

    // alert(deleteid); 
      var elm = $(this).closest('tr').find("#deleteid"); // replace a css class here 
    if(confirm("Are you sure you want to delete record?")){ 

      e.preventDefault(); 
     $.ajax({type: "POST", 
       url: "delete_check_Recipents.cfc?method=deleteids", 
       data: { id: elm.val() }, 
       success:function(result){ 
      $("#deleteidhere").html(result); 
      window.location.href = "dates.cfm?recipient"; 
     }}); 

     } 
     else{ 
     return false; 
     } 
     }) 


    }); 
</script> 

Answer 2

использовать «класс» вместо «ID», то «идентификатор» должен быть уникальным