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

时间:2013-05-19 10:52:14

标签: php javascript mysql option

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

任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

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,因为它不会让你到任何地方。