Aquí tengo un archivo HTML de la siguiente manera. Dentro de la primera etiqueta enumero las ciudades de un país extrayendo los datos de una base de datos. Quiero dibujar los distritos de la ciudad seleccionada en la segunda etiqueta. Sin embargo, tengo un problema al transferir la ciudad seleccionada a mi archivo get_districts.php. Probé varias formas pero ninguna de ellas funcionó. No puedo encontrar donde está el problema.
<html> <head> <title>Ana Sayfa</title> </head> <body> <header> <div> <div> <div> <a href="./index.html">Yemeksepeti</a> </div> <div> <form> <select id="city" name="city" onchange="getDistricts(this.value)"> <option value="City">İl</option> <?php include 'action.php'; echo $output;?> </select> </form> </div> <div> <select> <option value="District">İlçe</option> <embed id="district"> </select> </div> </div> </div> </header> <script> function getDistricts(str) { if(str=="") { return; } else { var xmlhttp=new XMLHttpRequest(); xmlhttp.onreadystatechange=function() { if(this.readyState==4 && this.status==200) { document.getElementById('district').innerHTML=this.responseText; } }; xmlhttp.open("POST","get_districts.php",true); xmlhttp.send(); } } </script> </body> </html>Y este es mi archivo get_districts.php
<?php include "config.php"; if(isset($_POST['q'])): $q = $_POST['q']; echo $q; $sql_districts="SELECT * FROM districts WHERE district_id = '".$q."'"; $districts = mysqli_query($conn,$sql_districts); $city_districts=''; foreach($districts as $district) { $city_districts .='<option value="'.$district["district"].'">'.$district["district"].'</option>'; } echo $city_districts; else: echo "hello"; endif; ?>