当我们在 PHP 中选择 ID 时自动显示价格答案

【问题标题】：Automatically show price when we select the ID in PHP当我们在 PHP 中选择 ID 时自动显示价格
【发布时间】：2013-05-19 10:52:14
【问题描述】：

include "config.php";
$id = $_GET['id'];
$data = mysql_query("select*from orders where orderID=$id");
while ($dat = mysql_fetch_array($data)) {
    echo "<input type=hidden name=orderID value=$dat[0]>";
}
?>
</br>
Product : <select name="productID">
    <option value="0">-product name-</option>
    <?php
    $goods = mysql_query("SELECT * FROM products");
    while ($data = mysql_fetch_array($goods)) { ?>
        <option value="<?php echo"$data[productID]"; ?>"><?php echo"$data[productName]"; ?></option>
</select>
</br>
Price :<input type="text" name="Price" value="<?php echo"$data[unitPrice]" ?>" disabled="disabled"></br>
<?php } ?>
Qty : <input type="text" name="Quantity"></br>
<input type="submit" value="submit">

我不知道当我们选择productID时如何自动显示价格。

谁能帮帮我？

【问题讨论】：

不刷新页面要不要做？
在选择列表的 onchange 事件上调用函数并使用 jquery ajax 方法。
我知道这不能回答你的问题，但请阅读这篇文章：stackoverflow.com/questions/60174/…

标签： php javascript mysql option

【解决方案1】：

jsFiddle 上的工作示例。您可以通过jQuery 完成此操作。只需将 id 属性添加到您的选择 (id="products")，将 data-price 属性添加到选项，并将另一个 id 属性添加到您的输入 (id="priceInput")，如下所示：

PHP 和 HTML：

Product :
<select name="productID" id="products">
    <option value="0">-product name-</option>

    <?php
    $goods = mysql_query('SELECT * FROM products');
    while ($data = mysql_fetch_array($goods)) { ?>
        <option value="<?php echo $data['productID']; ?>" data-price="<?php echo $data['unitPrice']; ?>"><?php echo $data['productName']; ?></option>
    <?php } ?>

</select>
</br>


Price :
<input type="text" name="Price" id="priceInput" value="" disabled="disabled"></br>

Javascript：

$(function () {
    $('#products').change(function () {
        $('#priceInput').val($('#products option:selected').attr('data-price'));
    });
});

我还从 while 循环中提取了您的 input，因为它不会让您到任何地方。

【讨论】：