希望使用php从数据库中提取基于下拉列表选择的数据


Want to fetch data from database based on dropdown list selection using php

我有一个php文件和mysql数据库,其中有名为planname和price的字段,我想要数据库中所有planname的下拉列表,根据planname,特定planname的价格应该显示在下面的文本框中。这是我的php文件;

<?php
$servername = xxxxxxx;
$username = xxxxxx;
$password = xxxxxx";

try {
    $conn = new PDO("mysql:host=$servername;dbname=vnet", $username, $password);
    // set the PDO error mode to exception
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    echo "Connected successfully"; 
    }
catch(PDOException $e)
    {
    echo "Connection failed: " . $e->getMessage();
    }


$sql="SELECT id,planname,price FROM plan"; 
/* You can add order by clause to the sql statement if the names are to be displayed in alphabetical order */
echo "<select name=planname value=''>Plan Name</option>"; // list box select command
foreach ($conn->query($sql) as $row){//Array or records stored in $row
echo "<option value=$row[id]>$row[planname]</option>";

/* Option values are added by looping through the array */ 
}
 echo "</select>";// Closing of list box
if(isset($_REQUEST['planname'])){
  // connection should be on this page  
    $sql = mysql_query("select price from plan where planname =".$_REQUEST['planname']);
    $res = mysql_fetch_assoc($sql);
    echo $res['price'];die;
}
echo '<input type="text3" name="price[]" id="price" value="', $row['price'], '" disabled="disabled" />';
?>

我得到了下拉列表,但无法根据计划名称动态获取价格。有人能帮我吗?

$sql = mysql_query("select price from plan where planname =".$_REQUEST['planname']);

您在列planname中进行搜索,但通过将<option>定义为

echo "<option value=$row[id]>$row[planname]</option>";

您正在将id作为值发送。

所以你的查询应该是:

$sql = mysql_query("select price from plan where id =".$_REQUEST['planname']);
// better: pdos prepared statements
$stmt = $conn->prepare("select sub_id from sub where sub_id = ?");
$stmt->execute(array($_GET['planname']));

另请阅读其他评论。如果您混合了mysql_*api和PDO,那么您应该只使用PDO。为什么不应该';我在PHP中使用mysql_*函数吗?当你在做的时候,看看这个:我如何防止PHP中的SQL注入?

你的代码结构会让维护变得非常麻烦,你应该首先做所有的逻辑工作,收集所有的数据,然后在下一步显示你的html和数据。

如何实施您的计划

您需要/可能想要使用两个不同的脚本来获得您的动态ui。(你可以使用相同的文件,但事情可能会变得一团糟,最好分割任务)

1.前端:

如前所述,您应该按照有意义的顺序构建代码。您可以看到,我首先设置数据库连接,然后进行查询并获取结果。这样,在我开始输出其他内容之前,我已经拥有了所需的所有数据(如果出现问题,如中所示,我注意到数据有无效内容/由于没有发送标头,我仍然可以重定向到另一个页面)。

为了开始输出,我在脚本中添加了一些基本的HTML结构,不知道你是否已经有了它,至少它不在你的代码段中。

所以我添加了头和正文,头中是javascript代码,它将执行对后端的请求并接收相应的响应。

注:

我对vanilla javascript不是很熟悉,所以我只是按照辅导的http://www.w3schools.com/ajax/ajax_php.asp

我认为你应该看看jQuery,如果你还没有,它会让事情变得非常简单。

除此之外,我减少了一些噪音,并使用了其他代码格式,基本上我不喜欢使用echo来输出我的HTML,因为有些IDE在这样做时无法进行语法高亮显示

我还添加了一个<p></p>,如果后端出现问题,可以在其中向用户显示错误消息。

<?php
$servername = 'xxxxxxx';
$username = 'xxxxxx';
$password = 'xxxxxx';
try {
    $conn = new PDO("mysql:host=$servername;dbname=vnet", $username, $password);
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
    trigger_error("Connection failed: " . $e->getMessage());
}
$selectPlans = "SELECT id, planname, price FROM plan";
$rows = $conn->query($selectPlans)->fetchAll(PDO::FETCH_ASSOC);
?>
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function getPrice(id){
                var xmlhttp = new XMLHttpRequest();
                xmlhttp.onreadystatechange = function() {
                    if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
                        var jsonObj = JSON.parse(xmlhttp.responseText);
                        if(jsonObj.success === true){
                            document.getElementById("price").value = jsonObj.price;
                        }else{
                            document.getElementById("price").innerHTML = jsonObj.message;
                        }
                    }
                };
                xmlhttp.open("GET", "ajax.php?id=" + id, true);
                xmlhttp.send();
            }
        </script>
    </head>
<body>
    <select name="planname" id="plannameSelect" onchange="getPrice(this.value)">
    <?php foreach ($rows as $row): ?>
        <option value="<?= $row['id'] ?>"><?= $row['planname'] ?></option>
    <?php endforeach; ?>
    </select>
    <input type="text" name="price[]" value="" id="price" disabled="disabled">
    <p id="error"></p>
</body>

2.后端:(在本例中称为axax.php)

一段简单的代码,没有什么特别的事情可做。

第一步:验证输入。在这种情况下,我只需检查$_GET-Array中是否有id。我在一个数组上使用了json_encode(),在这个数组中我告诉前端操作是否成功。第一种失败的情况是没有id。

然后连接到数据库,询问错误,如果是,则立即将错误返回给用户(使用echo),再次通过json_encoded数组返回。

准备用于选择id价格的语句(我跳过了此处的错误检查,您可能需要添加它)。然后执行。

检查是否成功->将json_encoded数组返回为success并返回价格,或者再次将success设置为false并返回带有错误消息的数组。

<?php
$servername = 'xxxxxxx';
$username = 'xxxxxx';
$password = 'xxxxxx';
if(!isset($_GET['id'])){
    echo json_encode(array('success' => false, 'price' => '', 'message' => 'no id given'));
    exit;
}
try {
    $conn = new PDO("mysql:host=$servername;dbname=vnet", $username, $password);
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
    trigger_error("Connection failed: " . $e->getMessage());
    echo json_encode(array('success' => false, 'price' => '', 'message' => 'shit happened' . $e->getMessage()));
    exit;
}
$stmt = $conn->prepare("SELECT price FROM plan WHERE id = ?");
$stmt->execute(array($_GET['id']));
$result = $stmt->fetch(PDO::FETCH_ASSOC);
if($result === false){
    trigger_error('Query failed: ' . $conn->errorInfo());
    echo json_encode(array('success' => false, 'price' => '', 'message' => 'shit happened'));
    exit;
} else {
    echo json_encode(array('success' => true, 'price' => $result['price'], 'message' => ''));
    exit;
}