hola chicos, quiero ajustar los datos según la entrada del usuario. el usuario debe seleccionar la empresa en la primera entrada y luego el juego en la segunda pestaña, por lo que estoy tratando de mostrarles solo los juegos de la empresa seleccionada (que el usuario selecciona en la primera pestaña). aquí está mi código si alguien me puede ayudar plzzz
<div class="form-group"> <label for="company">Company Name</label> <select name="company" autocomplete="off"> <?php $sql = "SELECT * from clients having manager like '%$uname%'" ; $query = $dbh -> prepare($sql); $query->execute(); $results=$query->fetchAll(PDO::FETCH_OBJ); $cnt=1; if($query->rowCount() > 0) { foreach($results as $result) { ?> <option value="<?php echo htmlentities($result->company);?>"><?php echo htmlentities($result->company);?></option> <?php }} ?> </select> </div> <div class="form-group"> <label for="game">Game Name</label> <select name="game" autocomplete="off"> <?php $sql = "SELECT * from clientgames having company like '%..........????......%'" ; $query = $dbh -> prepare($sql); $query->execute(); $results=$query->fetchAll(PDO::FETCH_OBJ); $cnt=1; if($query->rowCount() > 0) { foreach($results as $result) { ?> <option value="<?php echo htmlentities($result->gamename);?>"><?php echo htmlentities($result->gamename);?></option> <?php }} ?> </select> </div>```Puede hacerlo simplemente usando javascript, ¿por qué está usando php? He agregado un código a continuación, refiéralo
document.getElementById("company").oninput = function(){ var selected_company = document.getElementById("company").value; if(selected_company == "company - 1"){ document.getElementById("game").innerHTML = '<option>game xyz</option> <option>game xyz2</option>' } else if(selected_company == "company - 2"){ document.getElementById("game").innerHTML = '<option>game abc</option> <option>game abc2</option>' } else if(selected_company == "company - 3"){ document.getElementById("game").innerHTML = '<option>game pqr</option> <option>game pqr2</option>' } else{ document.getElementById("game").innerHTML = '' } } <select name="company" id="company"> <option> --select company-- </option> <option>company - 1</option> <option>company - 2</option> <option>company - 3</option> </select> <select name="game" id="game"> <!-- Keep it empty for now it will be filled by javascript--> </select>