相同的模态引导程序,但不同的信息来自数据库的ID deppending?

时间:2016-07-21 14:12:32

标签: php jquery database laravel bootstrap-modal

我是这个世界的新手,我正在尝试用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>

如果我制作一个控制台日志,我可以在javascript中捕获de ID ..

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

1 个答案:

答案 0 :(得分:0)

你可以创建一些模态并将post id附加到modal 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}}" ...