PHP、MySQL、HTML/CSS&当循环和按钮与模式框弹出
PHP, MySQL, HTML/CSS & While Loop and Buttons with Modal Box popup
所以我一直在为这件事伤透脑筋,但我仍然想不出来。我只有PHP、ModalBoxes和Javascript的基本知识。所以我担心的是。。。
我用PHP从我的数据库中获取MySQL数据,并将这些数据放在我网站上的一个表中[记住,这是一个快餐店的网站]。我有一个while循环,它运行并添加表中的每个记录,并为每个项目添加一个ORDER按钮。每个按钮都用来打开一个包含相关商品信息的模式框(这样我就可以将其添加到购物车中:不过我确实有购物车(。
问题:
只有第一个项目的[ORDER]按钮才能打开模式框。其他按钮不会打开MODAL BOXES。
<?php
$con = mysqli_connect("localhost","root","root","mcd");
if(!$con){
die("Can not connect".mysql_error());
}
$query = mysqli_query($con, "select * from pizza");
echo "<table border=1 align='center' width=50%>
<tr>
<th>Name</th>
<th>Medium</th>
<th>Large</th>
</tr>";
while ($record = mysqli_fetch_array($query)) {
echo "<tr>";
echo "<td align='right'>".$record['pizzaName']."</td>";
echo "<td align='right'> R".$record['PriceMedium']."</td>";
echo "<td align='right'> R".$record['PriceLarge']."</td>";
echo "<td align='right'> <input id='myBtn' type='button' value='ORDER'/>";
echo "</tr>";
}
echo "</table>";
?>
我相信您的问题来自于您的输入定义了一个id,但没有类。
由于Id在页面上是唯一的,如果在Id选择的元素上绑定javascript函数,那么只有第一个具有该Id的元素才会被绑定。
我建议你使用
class='myBtn'
而不是
id='myBtn'
然后相应地调整javascript部分。
相关文章:
- 在编辑内联模式下禁用Kendo Ui网格按钮
- 如何根据在模式中单击的按钮发送参数
- 如何在同一页面上的多个按钮上打开一个引导模式
- 模式上的后退和前进按钮位于图像库上(可滚动浏览)
- 如何在不点击按钮的情况下打开引导模式
- 使用按钮关闭 iframe 模式
- CKEditor内部的jQuery模式问题与按钮
- 单击按钮并将其下载为图像格式时,如何使用引导模式弹出窗口显示D3图表
- 模式警报,但确认按钮未对脚本做出反应
- 选择了哪个单选按钮?以模式重新显示
- 在引导模式中,点击相应的datatables行中的按钮,填充数据
- 模式弹出窗口内的按钮点击不起作用
- 选中的单选按钮在jQuery模式对话框中不能正常工作
- 仅打开离按钮最近的模式
- 如何使JQuery模式关闭按钮更大
- 从JSON模式创建表单,如何添加关闭按钮
- 如何使用JQuery收听引导模式按钮的onClick事件
- 单击按钮打开窗口作为使用javascript的模式对话框
- 用JavaScript制作一个按钮的动画,从按钮到屏幕中心弹出一个模式对话框
- 添加到Timeline's按钮模式破碎