javascript - 可选择的表行无法通过 jQuery AJAX 将 id 值发送到 PHP

Question

friend 们大家好，这是我的第一个问题。我是 jquery+ajax 的新手。我想选择我的表格行，并且可以在选择它并单击删除按钮时删除任何行。现在我无法遍历 DOM 并将任何行的 id 发送到 PHP 文件。

现在我可以:

1. 可选择的表格行。
2. 显示在警报框中选择的 ID。
3. 选择并单击删除按钮时删除任意行。

但我不能:

1. 将选定的任何行的 ID 发送到 php 文件(这会显示消息“未定义”)。
2. 将它们删除到数据库中。

一个问题 - 当我选择行+单击删除按钮 2,3,4,.. 次时，为什么警报框显示 2,3,4,... 次？？？我想展示一次。

我需要做什么？

抱歉我的英语不好。

请帮助我...非常感谢。

<小时/>

jQuery 代码:

$('#table2').selectable({
    filter:'tbody tr',
    stop: function(event, ui){
    $('#delete2').click(function(){
        var choose_data2 = $('#table2').find("tr.ui-selected").attr("id"); //--var for test--
        $('#table2').find("tr.ui-selected").remove('tr');
        $.ajax({
            url: 'http://localhost/dmht/tabs2_delete.php',
            type:'post',
            data:'choose_data2='+$('#table2').find("tr.ui-selected").attr("id"),
            cache: false,
            success :function(data){
                  alert(data);//---****---
            }
        });
    });
});

**** - if code : "alert(data);"--> 当我单击删除按钮时，它将显示消息“未定义”

• 如果代码:“alert(choose_data2);”，它将显示“20/1/2013”​​，这是我的需求数据返回。

PHP 代码(tabs2_delete.php):

<?
include ("connect.php");
$q="DELETE FROM tabs2 WHERE HN = '".$_POST["choose_data2"]."'";
mysql_query($q);
echo $_POST["choose_data2"];
mysql_close($link);
?> 

这是 HTML 代码示例:

<table id="table2">
 <tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
    <th>4</th>
</tr>

<tbody>
   <tr id="20/7/2014">
      <td>A</td>
      <td>B</td>
      <td>c</td>
      <td>D</td>
   </tr>
</tbody>
</table>
<input type="button" name="delete2" id="delete2" value="Delete"/>

Answer 1

哦，我已经通过尝试得到了它!

这是我更改的一些代码:

var choose_data2 = $('#table2').find(".ui-selected td:first-child").text();  //<---- This changed code ----
$('#table2').find("tr.ui-selected").remove('tr');

$.ajax({
    url: 'http://localhost/dmht/tabs2_delete.php',
    type:'post',
    data:'choose_data2='+choose_data2, //<------ This changed code -----
    cache: false,
    success :function(data){
        alert(data);
    }
});

感谢您的浏览!!