通過在另一個組合框上選擇一個值來顯示組合框上的結果

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/