jQuery从链接表中选择错误的链接

时间:2019-02-01 19:32:29

标签: php jquery

请让我描述一下这个问题。

有一个包含5个列和20多个行的表。第一列包含一个产品名称,该名称稍后在PHP过程中需要。 有一个带有编码产品名称的链接(从PHP脚本创建),每行不同。

有一个带有两个按钮的“ jQuery”对话框确认框-“确定”和“取消”。单击最后一列中的链接后,将出现此对话框。 预期在单击“确定”按钮后,PHP脚本会加载_GET方法,该方法将从链接中接收产品名称。

实际上,它以这种方式工作,只有一个小例外-jQuery总是从表的第一行传递一个链接。

是否可以检测到单击了哪个链接,或者是否可以发送包含第一列中的产品名称的链接?

请找到代码的附件。

        echo "<a href='usunProdukt.php?name=".$T_nazwa."' class='confirmation'><img src='pictures/cross16.jpg' width='10' height='10' /></a>" ;

        echo "</td>" ;
        echo "</tr>";
}

mysqli_close($conn);

?>


<div id="dialog-message" title="Usuwanie produktu">
        <p>
        <span class="ui-icon ui-icon-help" style="float:left; margin:0 7px 50px 0;"></span>Czy chcesz usunąć wybrany produkt?
        </p>
        <p>
        Naciśnij OK aby kontynuować.
        </p>
</div>

<script type="text/javascript">

        $("#dialog-message").hide();
        $('.confirmation').on('click', function(e) {
                e.preventDefault();
                $("#dialog-message").dialog({
                modal: true,
                buttons: {
                        Ok: function() {
                        $(this).dialog("close");
                        window.location.href = $('.confirmation').attr('href');
                        },
                        Cancel: function() {
                        $(this).dialog("close");
                        }
                }
        });
});

</script>

预先感谢您的帮助...:)

2 个答案:

答案 0 :(得分:0)

在点击事件中,您需要从点击链接中获取网址,然后重定向到正确的路径:

<script type="text/javascript">

    $("#dialog-message").hide();
    $('.confirmation').on('click', function(e) {
        e.preventDefault();
        var lnk = $(this).attr('href');
        $("#dialog-message").dialog({
            modal: true,
            buttons: {
                Ok: function() {
                    $(this).dialog("close");
                    window.location.href = lnk;
                },
                Cancel: function() {
                    $(this).dialog("close");
                }
            }
        });
    });
</script>

答案 1 :(得分:0)

以下解决方案对我有用:

window.location.href = lnk;

感谢您的帮助。