Question

我有一个帖子列表，在每个帖子上我都可以打开一个模态。问题是我想要单个模态的代码并使用动态模态。

将来我会用ajax获取帖子是一个数组，我不想为每个帖子创建一个模态。我想使用单个模态，但要从动态内部获取内容。在我的情况下，我有一个id为

的按钮

#myBtn

内容＆＃34;模态中的一些文字。＆＃34;。在第二个也许我会有＃34;我不太擅长javascript＆＃34;列表可以继续。我希望从内部获得内容的模态动态。我该怎么办？

修改：

https://jsfiddle.net/wrucjszv/4/

在这里你可以更准确地看到我想要的原因。将来我会有很多帖子，而且我不需要加载大量的模态。我想要一个单一的模型，我希望能够在一个模态中编辑每个帖子，我需要有这个动态。在占位符中我需要有帖子的标题和描述，我需要提交带有帖子ID的编辑模式。

Answer 1

您真正需要做的就是在显示模态之前更新内容，其他所有内容都保持不变。在这里查看你的jsFiddle的一个分支 - https://jsfiddle.net/hvpvfc67/

我所做的就是在你的模态内容元素中添加一个额外的div，这样我们就可以访问文本了。

var modalContent = document.querySelector('.modal-text');

然后我得到了对新div的引用：

// When the user clicks the button, open the modal 
btn.onclick = function() {
    modalContent.innerHTML = "The text has changed!";
    modal.style.display = "block";
}

最后在点击处理程序中更新该div中的HTML：

<input type="image" name = "food" id="0" onclick="function1();function2();">

为许多帖子打开一个模态

1 个答案: