通过在另一个组合框上选择一个值来显示组合框上的结果

Question

我的项目中存在问题。我有这几类：

Football 
Basketball 
Tennis 

这些子类：

super league A 
super league B 
euroleague 
Serie A 

我在我的phpMyAdmin的DB中的类别和子类别。 我现在有这样的代码，我展示这两个，在两个不同的组合框，通过查询从DB：

<?php 
$category = mysql_query("SELECT * FROM katigories ORDER BY id_katigoria"); 
echo "<select name='katigoria'>"; 
echo "<option selected='selected' value='0'> Επιλογή κατηγορίας! </option>"; 
while($values = mysql_fetch_assoc($category)) 
{ 
    echo "<option value='$values[id_katigoria]'>".$values['katigoria']."</option>"; 
} 
echo "</select>"; 
?> 

和

<?php 
$category = mysql_query("SELECT * FROM upokatigories ORDER BY id_upokatigoria"); 
echo "<select name='upokatigoria'>"; 
echo "<option selected='selected' value='0'> Επιλογή υποκατηγορίας! </option>"; 
while($values = mysql_fetch_assoc($category)) 
{ 
    echo "<option value='$values[id_upokatigoria]'>".$values['katigoria']."</option>"; 
} 
echo "</select>"; 
?> 

到目前为止好。但现在我的问题是，我想从第一个篮球中选择，我只想看到第二个组合框的欧洲联赛。

我对JS或jQuery不太了解，但我相信他们中的两个是我正在寻找的答案。我对吗？

请有任何想法，继续或任何建议，关于要阅读什么和在哪里看？

P.S.我在这里发现了类似的东西，但它是用于C＃或/和python ..所以，我希望我不会重复任何其他问题

Answer 1

您需要一些jQuery，使服务器的ajax调用带回新的下拉列表名单。看到这里：http://www.codingcereal.com/2009/09/autopopulate-select-dropdown-box-using-jquery/