Блог

Я пытаюсь создать динамический выпадающий список, который обращается к MySQL после того, как был сделан выбор. Второе поле зависит от выбора первого поля. Я не слишком знаком с javascript, но я наткнулся на некоторый код, который, казалось, был тем, что я искал, но не выполняется, и я не знаю почему. Первая часть кода — это поля опций с помощью javascript, а вторая часть — dynamicdd.php . Любая помощь была бы отличной. Спасибо.

 <tr>
    <td>Country:  </td>
    <td>
        <select name="Countrybox" onchange="getlocation(this.value)">
            <option value="none"> Please Select </option>

            <?php
              $qry2 = "Select Country from Locations";
              $populate = mysqli_query($conn, $qry2);

              while ($run = mysqli_fetch_assoc($populate)){
                echo "<option value='".$run['Country']."'>".$run['Country']."</option>";
              }
            ?>
        </select>
    </td>
</tr>


<tr>
    <td>Location:</td>
    <td>
        <select name="Locationbox" id="locationbycountry">
            <option> Select Above First </option>
        </select>
    </td>
</tr>

<script type="text/javascript">
function getlocation(locationarea) {
    var xhttp = new XMLHttpRequest();
    var url = "dynamicdd.php";
    var data = new FormData();
    data.append('SearchValue', locationarea);
    xhttp.open('POST', url, true);
    xhttp.send(data);
    xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 amp;amp; xhttp.status == 200) {
            document.getElementById("locationbycountry").innerHTML = xhttp.responseText;
        }
    }
}
</script>
  

dynamicdd.php

 <?php

if($_POST['SearchValue']){
  $host = "localhost";
  $username = "root";
  $password = "";
  $db = "Work";

  $conn = mysqli_connect($host, $username ,$password, $db);

  $choice = $_POST['SearchValue'];

  $sql = "SELECT * FROM locations WHERE Country = '$choice'";

  $result = mysqli_query($conn, $sql) or die(mysqli_error($conn));

  while ($row = mysqli_fetch_assoc($result)){
    echo "<option value='".$row['Location']."'>".$row['Location']."</option>";
  }

}


 ?>

  

попробуйте изменить часть javascript с помощью этого (это приведет к сбою messagebox, и вы увидите, что сценарий завершается ошибкой до конца):

     <script type="text/javascript">
            function getlocation(locationarea) {
                var xhttp = new XMLHttpRequest();
                var url = "dynamicdd.php";
                var data = new FormData();
                data.append('SearchValue', locationarea);
                xhttp.open('POST', url, true);
                xhttp.send(data);
                alert("*step 1*");
                xhttp.onreadystatechange = function() {
                        alert("*step 2*");
                        if (xhttp.readyState == 4 amp;amp; xhttp.status == 200) {
                        alert("*step 3*");
                        alert(xhttp.responseText);
document.getElementById("locationbycountry").innerHTML = xhttp.responseText;
                        }
                    }
                alert("*step 4*");
                }
    </script>





<?php
    if($_POST['SearchValue']){
      $host = "localhost";
      $username = "root";
      $password = "";
      $db = "";

      $conn = mysqli_connect($host, $username ,$password, $db);

      $choice = $_POST['SearchValue'];

      $sql = "SELECT * FROM Locations WHERE country = '$choice'";

      echo $sql;
    }
    else {
       echo "value is not posted";
    }
?>
  

Ваш HTML сформирован достаточно хорошо, но у вас есть ошибки в вашем PHP-скрипте. Попробуйте следующий код, который исправляет некоторые простые опечатки:

 <?php
if($_POST['SearchValue']){
  $host = "localhost";
  $username = "root";
  $password = "";
  $db = "";

  $conn = mysqli_connect($host, $username ,$password, $db);

  $choice = $_POST['SearchValue'];

  $sql = "SELECT * FROM Locations WHERE country = '$choice'";

  $result = mysqli_query($conn, $sql) or die('error');

    while ($row = mysqli_fetch_assoc($result)){
      echo "<option value='".$row['location']."'> ".$row['location']." </option>";

    }
}
?>
  

Кроме того, пожалуйста, не забудьте подробнее изучить Select2, который является действительно хорошо поддерживаемой заменой стандартным полям выбора. https://select2.org /