Получение данных из базы данных с помощью выпадающего списка PHP / MySQL / HTML - PullRequest
Новая
       2

Получение данных из базы данных с помощью выпадающего списка PHP / MySQL / HTML

1 голос
/ 04 мая 2019

Я пытаюсь получить данные из базы данных с помощью выпадающего списка.

Я могу получить переменную имени из базы данных и показать все элементы базы данных с помощью таблицы, но я не знаю, как мне объединить эти два элемента. Я хочу нажать кнопку и показать все элементы / столбцы выбранного элемента выпадающего списка.

Вот код, который извлекает названия продуктов для выпадающего списка: 

<?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>

Я хочу нажать кнопку и показать все элементы выбранного столбца / данные столбца выпадающего списка. Как мне этого добиться? Спасибо.

1 Ответ

0 голосов
/ 04 мая 2019

Вы можете использовать jquery & ajax для достижения вышеуказанного. Когда кнопка будет click, будет выполнена ваша функция jquery click, которая получит значение select box с class="select" и передаст его на вашу php страницу. , как показано ниже:

Ваша кнопка : 

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

Jquery & Ajax : 

<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 код : 

 <?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();



    ?>

Надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...