Jquery 在php页面的弹出窗口中请求报价表单

我有一个弹出的Getquote表单。点击php网页上每个产品下显示的“获取报价”按钮，就会弹出。Get quote按钮位于php的“mysql\u fetch\u array”函数的“while”循环中，用于显示数据库中的产品

<!--Fetching product from database & Getquote button-->

<?php
$sno = 1;
while ($row = mysql_fetch_array ($result))
{
echo $row [3]; 
  $product_name =$row [3]; 
?>
    <a href = "javascript:void(0)" onclick ="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
      <input type="button" value="Get Quote" id="button-quote"  /></a>
<?php
$sno++;
}
 ?>

单击“获取报价”按钮时，产品名称也会显示在弹出表单上，但问题是它会显示所有其他产品最后列出的产品

<!--CSS of popup box-->
    <style>
    .black_overlay{
        display: none;
        position:fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 200%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: fixed;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        border: 10px solid #0288BE;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }
    a:link {text-decoration:none;}
</style>

 <!--Request Quote in Popup code-->

 <div id="fade" class="black_overlay"></div>
   <div id="light" class="white_content">
<div id="response"></div>
<table align="right">
<tr>
<td align="right"> <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a>  

 </td></tr></table> 
          <form action="phpform.php" method="post" enctype="multipart/form-data" onsubmit="return validate()" name="quoteForm">
<h2>Request A Quote </h2>
<br/>

<table cellpadding="3">
<tr>
<td>Product Name</td>
<td><b><?php echo $product_name; ?></b></td>
</tr>
<tr>
<td>Quantity</td>
<td><input type="text" name="quantity" size="2" value="" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="submit"  value="Get A Quote" /></td>
</tr> </table> 
</form>        
</div>

.黑色覆盖层{
显示：无；
位置：固定；
最高：0%；
左：0%；
宽度：100%；
身高：200%；
背景色：黑色；
z指数：1001；
-moz不透明度：0.8；
不透明度：.80；
过滤器：α（不透明度=80）；
}
.white_内容{
显示：无；
位置：固定；
最高：25%；
左：25%；
宽度：50%；
身高：50%；
填充：16px；
边框：10px固体#0288BE；
背景色：白色；
z指数：1002；
溢出：自动；
}
a:链接{文本装饰：无；}
请求报价


品名
量

要了解问题，请参阅工作示例

它在弹出窗口中显示产品“Gun IMC-5K”，甚至点击其他产品上的Getquote按钮。 如何在Getquote表单中为每个产品获取不同的产品名称

---

任何帮助都将不胜感激。

您的问题是这样的，您正在对结果进行循环。 以及在$product\u名称中存储$row[3]。循环的执行次数与数据库中的行数相同。它将一直被循环中的新值覆盖。但循环完成后，最后一个值将保留在$product_name.：）

为此，您需要使用jQuery：

首先替换您的标签，如：

<a href = "javascript:void(0)" onclick ="popupinfo('<?php echo $row[3]; ?>')">
      <input type="button" value="Get Quote" id="button-quote"  /></a>

把身份证给你的td就行了

<td id="productname"><b><?php echo $product_name; ?></b></td>

我没有测试它，所以可能会出现一些语法错误（键入错误）。但这是你可以使用的方式。还有其他选择。

---

但希望这能对您有所帮助。

我已经按照您所说的做了，但在弹出窗口中显示“未定义变量：产品名称”。如果你愿意，我可以通过TeamViewer在我的屏幕上显示你，我知道了。只需删除它就可以继续删除，它不会在弹出窗口中显示产品名称。。我需要它来替换此行文档。getElementById（'productname'）。value=product\u name；带有document.getElementById（'productname'）。innerHTML=“”+产品名称+”；

<td id="productname"><b><?php echo $product_name; ?></b></td>