Question

我有问题。如何将变量的值传递给循环中的bootbox。我有一个从数据库中取出的数组并以循环显示：

<tr>
    <td>Order nr1</td>
    <td></td>
    <td>
        <button id="confirm-delete-modal" type="button" class="btn btn-danger btn-sm">Delete</button>
    </td>
</tr>
<tr>
    <td>Order nr2</td>
    <td></td>
    <td>
        <button id="confirm-delete-modal" type="button" class="btn btn-danger btn-sm">Delete</button>
    </td>
</tr>

和Js Bootbox：

$('#confirm-delete-modal').click(function() {
    var tesst = "aaa";
    bootbox.confirm({
        message: "Delete?",
        buttons: {
            confirm: {
                label: 'YES',
                className: 'btn-danger'
            },
            cancel: {
                label: 'NO',
                className: 'btn-success'
            }
        },
        callback: function (result) {
            if(result)
            {
                window.location.href = "/"+ tesst
            }
        }
    });
});

我想将单独的Id传递给循环中每行的链接。我该怎么做？

Answer 1

我在HTML中添加了data-index=""，这样您就可以发送＆＃34;参数＆＃34;点击功能。

＆＃13;

$('.btn').click(function() {
    var index = $(this).data("index");
    alert(index);
});

＆＃13;

<button id="confirm-delete-modal" type="button"
   class="btn btn-danger btn-sm" data-index="1">Delete</button>
<button id="confirm-delete-modal" type="button"
   class="btn btn-danger btn-sm" data-index="2">Delete</button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

请注意，我也更改了您的选择器，因为它只选择了一个HTML元素ID（您有两个具有相同ID的元素）。尝试创建一个新类并选择此类（在此示例中，我只使用了普通的btn类）。

如何将值传递给循环中的bootbox

1 个答案: