javascript - 多表一模态

Question

你能帮我解决我的问题吗？ 我有多个按钮和 1 个模式。每次我点击按钮时，模式都会正确显示。但我喜欢重新编码我的模态。当我单击特定按钮时，我喜欢在模式上回显按钮的值。

例如:

button 1. <value="button1"> ----> <a href="#myModal">
button 2. <value="button2"> ----> <a href="#myModal">
button 3. <value="button3"> ----> <a href="#myModal">

如果我点击 button 2，myModal 将显示它加上值 button2 将在 myModal.

在此先感谢您，我们将不胜感激。 ^__^。

我忘了说: 模式位于不同的 HTML 正文中。

这是我的模态链接和脚本代码；

<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>

$(document).ready(function(){
    $("#myBtn1").click(function(){
            $("#myModal").modal();
    });
});

我不知道我可以把给定的代码放在哪里来回应按钮值？

Answer 1

一种解决方案是将 id 添加到按钮，然后将其添加到 javascript 函数中以打开您的模式

$(".modal-body #your_html").val($(this).data('id'));