所以我一直在为这件事伤透脑筋,但我仍然想不出来。我只有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部分。