Javascript 通过模式窗口将数据从按钮传递到服务器

在我的网站上，我有一个模式窗口（引导），可以通过单击带有此类标记的几个按钮来显示：

<a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal" data-link="Button 1">Click me!</a>
...
<a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal" data-link="Button 2">Click me!</a>
...
<a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal" data-link="Button 3">Click me!</a>

---

除了

phone

和

formname

，我还想获得一个按钮的

数据链接

。显然，我不能在（'submit'，function（e）{…}）中使用event.relatedTarget。有什么想法吗？

您可以在

show.bs.modal

事件处理程序中使用获取源代码

$('#myModal').on('show.bs.modal', function (e) {
    var source = $(e.relatedTarget);
    //Persist it for later use      
    $(this).data('relatedTarget', source)
});

现在，您可以使用它在

表单

提交事件处理程序中检索

源

元素，并获取

数据链接

$(".forms").on('submit', function(e) {
    e.preventDefault();

    var source = $('#myModal').data('relatedTarget');
    var datalink = $(source).data('link');
});

---

旁注：HTML中的标识符必须是唯一的，请删除重复的id=“btn”

您是最好的！

$('#myModal').on('show.bs.modal', function (e) {
    var source = $(e.relatedTarget);
    //Persist it for later use      
    $(this).data('relatedTarget', source)
});

$(".forms").on('submit', function(e) {
    e.preventDefault();

    var source = $('#myModal').data('relatedTarget');
    var datalink = $(source).data('link');
});