相同的模式引导,但来自数据库的不同信息取决于ID


Same Modal Bootstrap but different info from DB deppending on ID?

我是这个世界的新手,我正在尝试用LARAVEL和JavaScript学习一些PHP。

我正在尝试制作一个页面,上面有一些帖子,其中包含一些信息和"阅读更多"按钮。

我已经在DB的列表中有了正确的信息。按下按钮,我可以从每个帖子中获取"ID"。

所以,问题是…当我点击模态按钮时,我总是从DB中得到相同的信息,来自第一篇文章。

可以创建一个onClick函数javascript来显示信息,比如"显示这个ID的信息"???我该怎么做?因为我不知道怎么做!

这是我的按钮代码:

<button class="btn" role="button" data-toggle="modal" data-target="#myModal" value="{{$news->id}}" OnClick="Show(this);"> Read More </button>

如果我制作了一个consolelog,我可以在javascript中捕获de ID。。

function Show(btn){
console.log(btn.value);
}

您可以创建一些模态并将post-id附加到模态id并调用

<button class="btn" role="button" data-toggle="modal" data-target="#newModal-{{$news->id}}"> Read More </button>

对于您的模态:

<div class="modal fade" id="newModal-{{$new->id}}" ...