从URL传递变量到简单模态弹出窗口

时间:2015-02-17 19:19:13

标签: javascript php jquery

从sql查询创建一个表,试图通过以下代码传递变量pmntid:

?>
<td class="listingTextLeft">
<a href="?pmntid=<?php echo $row[0] ?>" class="pmntDetail"><?php echo $row[20] ?></a>
</td>
<?php

链接显示正确的pmntid但是我无法通过以下jquery传递它:

    <script>
    jQuery('.pmntDetail').each(function(i,v){
        jQuery(v).click(function(paymentID){
         paymentID.preventDefault();
         paymentID.stopPropagation();
         var pmntid = <?php echo $row[0]; ?>
         console.log("ID: ", pmntid);
         $("#pmntDetailPopup").modal({position: ["5%"]});
      });

 });
    </script>

控制台日志显示pmntid为undefined。我需要将这个pmntid传递给一个简单的模态弹出窗口,该弹出窗口显示在同一页面上的pmntDetailPopup div中,我运行sql查询以使用查询结果填充字段。

弹出窗口工作正常,如果我在查询中使用常量,则填充所有字段,因此错误肯定是传递pmntid。

1 个答案:

答案 0 :(得分:1)

使用数据属性:

<a href="?pmntid=<?php echo $row[0] ?>" data-rid="<?php echo $row[0] ?>" class="pmntDetail"><?php echo $row[20] ?></a>

并在点击事件中阅读

var pmntid = $(this).data("rid");
console.log("ID: ", pmntid);