Javascript 使用下拉列表PHP/MySQL/HTML从数据库检索数据_Javascript_Php_Html_Mysql_Sql

Javascript 使用下拉列表PHP/MySQL/HTML从数据库检索数据

javascript php html mysql sql

Javascript 使用下拉列表PHP/MySQL/HTML从数据库检索数据,javascript,php,html,mysql,sql,Javascript,Php,Html,Mysql,Sql,我试图实现的是使用下拉列表从数据库中检索数据我可以从数据库中获取name变量，我可以用一个表显示所有数据库元素，但我不知道如何合并这两个元素。我想单击一个按钮并显示所选下拉列表项的所有数据库元素/列数据以下是为下拉列表检索产品名称的代码： <?php $mysqli = NEW MySQLi('localhost', 'root', '', 'mydb'); $resultSet = $mysqli->query("SELECT namepro FROM mytable");

我试图实现的是使用下拉列表从数据库中检索数据

我可以从数据库中获取name变量，我可以用一个表显示所有数据库元素，但我不知道如何合并这两个元素。我想单击一个按钮并显示所选下拉列表项的所有数据库元素/列数据

以下是为下拉列表检索产品名称的代码：

<?php

$mysqli = NEW MySQLi('localhost', 'root', '', 'mydb');
$resultSet = $mysqli->query("SELECT namepro FROM mytable");

?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>developer mode</title>
</head>
<body>

<select>
<?php
while($rows = $resultSet->fetch_assoc()){
  $dropdown = $rows['namepro'];
  echo "<option value='$dropdown'>$dropdown</option>";
}
?>
</select>
<button type="button">Click Me!</button>

</body>
</html>

这是显示所有数据库元素的代码：

<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<table>
<tr>
    <th>name</th>
    <th>size</th>
</tr>
<?php

$conn=mysqli_connect("localhost","root","","mydb");
$sql = "SELECT namepro, res FROM mytable";
$result = $conn -> query($sql);
if($result->num_rows > 0){
    while($row=$result->fetch_assoc()){
        echo "<tr><td>". $row["namepro"]. "</td><td>". $row["res"]. "</td></tr>";
    }
    echo "</table>";
}
else{
    echo "0 result";
}

$conn ->close();



?>
</table>



</body>
</html>

我想单击一个按钮并显示所选下拉列表项的所有数据库元素/列数据。我怎样才能做到这一点？谢谢。

您可以使用jquery和ajax来实现上述功能。只要单击按钮，jquery click函数就会执行，它将获得带有class=select的选择框的值，并将其传递到您的php页面，如下所示：

您的按钮：

Jquery和Ajax：

Php代码：

希望这有帮助

您可以使用jquery和ajax来实现上述功能。每当单击按钮时，jquery click函数就会执行，它将获得带有class=select的select框的值，并将其传递到您的php页面，如下所示：

您的按钮：

Jquery和Ajax：

Php代码：

希望这有帮助

我想单击一个按钮并显示所选下拉列表项的所有数据库元素/列数据。我怎样才能做到这一点？有无页面重新加载？可能是其中之一。stackoverflow搜索没有帮到你？搜索没有帮到我，因为我已经填充了我的下拉列表。我试图实现每次单击按钮时，必须显示选定下拉列表的数据。我想单击按钮并显示选定下拉列表项的所有数据库元素/列数据。我怎样才能做到这一点？有无页面重新加载？可能是其中之一。stackoverflow搜索没有帮到你？搜索没有帮到我，因为我已经填充了我的下拉列表。我试图通过每次点击按钮来实现，所选下拉列表的数据必须显示出来。感谢您的回答，但我得到了通知：未定义的索引：C:\xampp\htdocs\project\stack.php中的值在第20行的结果中，我没有得到$value=$\u POST['value']；部分我正在使用一个php文件（如stack.php）中的所有代码和url:'yourphpage'，我刚刚编写了包含下拉元素的dropdown.php。您是否给了选择框class=“select”？还有$value=$_POST['value']；是的，我给class=select to，但是我使用了一个php文件中的所有代码，除了dropdown.php，它为下拉列表检索产品名称，我写了url:'dropdown.php'，也许这是我的问题。url应该在php页面的表所在的位置，应该在php页面的选择框所在的位置谢谢你的回答，但我很抱歉得到通知：未定义的索引：C:\xampp\htdocs\project\stack.php中的值，在第2行0结果中，我没有得到$value=$\u POST['value']；部分我正在使用一个php文件（如stack.php）中的所有代码和url:'yourphpage'，我刚刚编写了包含下拉元素的dropdown.php。您是否给了选择框class=“select”？还有$value=$_POST['value']；是的，我给class=select to，但是我使用了一个php文件中的所有代码，除了dropdown.php，它检索下拉列表中的产品名称，我写了url:'dropdown.php'，也许这是我的问题。url应该在php页面的表所在位置，应该在php页面的选择框所在位置

<button type="button" class="btn">Click Me!</button>
 <div id="show"></div> // here data from respone will be display

<script>
$(document).ready(function () {
     $(".btn").click(function () {
            var value= $(".select").val();//getting value of select box with class="select"
            $.ajax({
                url: 'yourphppage',
                method: 'POST',
                data: {value : value},//sending value to yourphppage
                     success:function(data){

                $("#show").html(data);//here response from server will be display
                }
              });
            });
         });
</script>

 <?php
    $value=$_POST['value'];//getting value sent from ajax
    $conn=mysqli_connect("localhost","root","","mydb");
    $sql = "SELECT namepro, res FROM mytable where namepro='".$value."'";//passing in query
    $result = $conn -> query($sql);

    if($result->num_rows > 0){
         echo "<table>
      <tr>
    <th>name</th>
    <th>size</th>
      </tr>";
        while($row=$result->fetch_assoc()){
            echo "<tr><td>". $row["namepro"]. "</td><td>". $row["res"]. "</td></tr>";
        }
        echo "</table>";
    }
    else{
        echo "0 result";
    }

    $conn ->close();



    ?>