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

Question

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时，我不知道如何自动显示价格。

谁能帮我？

Answer 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'));
    });
});

我也将您的input从while循环中拉了出来，因为它不会带您到任何地方。