如何根据先前的输入过滤输入字段

Question

大家好，我想根据用户输入过滤数据。用户必须在第一个输入中选择公司，然后在第二个选项卡中选择游戏，所以我试图只向他们展示来自选定公司的游戏（用户在第一个选项卡中选择）。如果有人可以帮助我，这是我的代码 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>``` 

Answer 1

你可以简单地使用 javascript 为什么你使用 php？我在下面添加了一些代码参考它

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>