我刚刚发现了bootstrap-modal.js，很喜欢用户点击链接，填写表单，然后提交更改。我的问题是:我可以在一个页面上有多个这样的实例吗?
我有一个从数据库获取的名字列表，并将它们显示在页面上。用户可以根据需要添加或删除它们。我想在每个名字旁边放一个"编辑"链接。当用户点击"编辑"，它将加载一个弹出框，名称将出现在一个文本框中进行编辑，然后他们可以提交更改。我不知道如何使这与模态发生。当我实现它时，所有弹出的"编辑"链接都显示列表中的第一个名字，而不是我点击的那个。有没有办法有一个单独的弹出为每个名称?我做了一堆搜索和摆弄代码(我真的不知道任何关于JS)。却不知道该怎么做。我在我的网站上用PHP工作。任何帮助都是感激的!谢谢!
为此，我将使用一个模态并动态填充name字段和一个隐藏字段，该字段存储表单提交的ID。在不查看代码的情况下，像这样的操作可能会起作用:
$('.modal-link').click(function(e) {
e.preventDefault();
$('#form-modal').modal('show');
$('#form-modal-name-field').val($(this).attr('data-name'));
$('#form-modal-id-field').val($(this).attr('data-id'));
});
然后你的HTML应该是这样的:
<ul>
<li><a href="#" data-id="1" data-name="Name1" class="modal-link">Edit Name 1</a></li>
<li><a href="#" data-id="2" data-name="Name2" class="modal-link">Edit Name 2</a></li>
</ul>