可选择的表格行无法通过 jQuery AJAX 将 id 值发送到 PHP答案

【问题标题】：Selectable table row cannot sent id value to PHP via jQuery AJAX可选择的表格行无法通过 jQuery AJAX 将 id 值发送到 PHP
【发布时间】：2014-07-30 09:54:28
【问题描述】：

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

现在我可以了：

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

但我不能：

将所选行的任何行的 id 发送到 php 文件（Thay 显示消息“未定义”）。
将它们删除到数据库中。

一个问题 - 为什么当我选择行+点击删除按钮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);" --> 当我点击删除按钮时，它会显示消息“undefined”

如果代码：“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"/>

【问题讨论】：

标签： javascript php jquery sql

【解决方案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);
    }
});

感谢观看！！

【讨论】：