Question

所以我有一个使用mySQL表中的.get（）方法的ajax搜索脚本。

在每行我都会有一个按钮，2个文本字段和1个隐藏输入，其值来自ajax结果。如何通过单击按钮获取特定的行值？

我的ajax代码：

$("#cautare_p").keyup(function(){
    $.get("php/cautare/script_cautare.php","p="+$(this).val(),
        function(rez){
        $(".afisare_cautare").html(rez)
    })
    //end of search script
});

Php代码：

echo "<table width='100%' border='1' cellpadding='1' cellspacing='1'>
    <td>Categorie</td>
    <td>Produs</td>
    <td>Cantitate</td>
    <td>Discount</td>
    <td></td>
    </tr>";

while(mysql fetch asocc code here){
$rr.="<tr><form>
         <td><span class='link'><a href='acasa.php?produse=lista&brand=$categId'>$numeCateg</a></span></td>
         <td><span class='link'><a href='acasa.php?produse=vizualizare&prodid=$prodId'>$numeProd</a></span>
         <br><span style='font-size:14px;'>U.M.:$um Stoc:$stoc Pret fara T.V.A.:$pretftva Pret cu T.V.A.:$pretctva</span>
         <input type='hidden' id='hiddenID' value='$prodId'>
         </td>
         <td><input type='text' id='text1' value='0'></td>
         <td><input type='text' id='text2' value='0'></td>
         <td>
         <input type='button' id='buton' value='Get'></td>
         </form>
         </tr>";
}
echo " $rr </table>";

结果ajax代码将是这样的：

$("#cautare_p").keyup(function(){
    $.get("php/cautare/script_cautare.php","p="+$(this).val(),
        function(rez){
        $(".afisare_cautare").html(rez),
    $("#buton").click(function(){
       $.get("php/cautare/insertInDb.php","h="+$("#hiddenID").val()+"&t1="+$("#tex1").val()+
       "&t2="+$("#hiddenID").val());
      });
    })
    //end of search script
});

解决：

$(".afisare_cautare table").find("tr").click(function(){
                var prodid=$(this).closest("tr").find("input:hidden:eq(0)").val();
                var cant=$(this).closest("tr").find("input:text:eq(0)").val();
                var discount=$(this).closest("tr").find("input:text:eq(1)").val();
                $("#test").text("ProdId: "+prodid+" Cantitate: "+cant+" Discount: "+discount);
            });

Answer 1

您可以创建外部div，为其指定唯一ID。动态地在ajax回调方法中使用javascript填充所有内部数据。

使用此方法，您可以引用页面上的任何数据。

Answer 2

您可以尝试访问您点击tr的{{1}}（超级父母），如下所示：

button

演示：http://jsfiddle.net/hungerpain/n7DQH/

如果要从单击的位置获取文本框的值，

$(document).on("click", "input.get-data", function () {
   alert($(this).closest("tr").html());
});

演示：http://jsfiddle.net/hungerpain/n7DQH/1/

如何从ajax获取值得到的行？

2 个答案: