从下拉列表中选择并使用 php 从数据库中显示详细信息

Question

我已经搜索过这个问题，但结果有点令人困惑，因为今天是我第一次遇到 ajax，大多数答案都是 ajax。所以我决定发布一个问题，这是我的工作，并试图从这里得到一些人的帮助来指导我了解 ajax。这是我的项目需要一些帮助，请

这是我从数据库中获取值并将其显示到我的下拉列表的查询

<?php
include('config.php');

    $sql="SELECT food FROM menu";
    $lists=mysql_query($sql);
?>

这是我的下拉列表...我从我的数据库中获取数据以将我的值放入下拉列表

<select name="fname" id='mySelect' value='Foodname'>
        <?php
                    while($food = mysql_fetch_array($lists)) {
                       echo '<option value='.$food['food'].'>'.$food['food'].'</option>'; 
                    }
                    echo '</select>';

        ?>

现在我想在下拉列表中显示所选食物的价格。我希望它显示在输入文本中，以便我可以编辑它，如果我想的话

<input type='text' class="form-control" name='prc'>

这是我的数据库

Answer 1

对于选择选项，将值作为数据库 ID，如下所示

echo '<option value='.$food['id'].'>'.$food['food'].'</option>'; 

将 id 视为 DB 中的自动增量列。

那就这样写ajax吧。

$(document).ready(function() {
    $("#mySelect").change(function(){
        var val = $('#mySelect option:selected').val();    
        $.ajax({
            url: "path to php file to get the price",
            type: "POST",
            dataType: "HTML",
            data: {"id": val}
            async: false,
            success: function(data) {
              // for textbox add id as price
                 $("#price").val(data);// data will have the price echoed in somefilename.php          
            }
      }); 

    });
});

假设 ajax 中的 url 是 somefilename.php

所以在somefilename.php，你应该这样写查询

<?php
    include('config.php');
    $id = $_POST['id'];//same name as in ajax data
    $sql="SELECT price FROM menu where id = $id";

    // echo the price here
?>

无论你在这里回显什么，它都会在带有参数“数据”的 ajax 成功函数中出现，然后你可以像我在成功函数（）中所做的那样分配给所需的文本框