これは値を持つ2つのドロップダウンリストを作る最初のドロップダウン

Question

 <select style="width:300px;" id="n" name="userListingCategory"> 
       <option disabled="disabled">Category...</option> 
        <?php while($row = $sth2->fetch(PDO::FETCH_ASSOC)) 
        {echo "<option value=". $row['catID'] . ">" .$row['catName']."</option>";} 
       unset($sth2); 
       ?> 

      </select> 
      <select style="width:340px;" id="n" name="userListingSCategory"> 
      <option disabled="disabled">Sub-Category...</option> 
       <?php while($row = $sth3->fetch(PDO::FETCH_ASSOC)) 
        {echo "<option value=". $row['scatID'] . ">" .$row['scatName']."</option>";} 
       unset($sth3); 
      ?> 

の選択の際にドロップダウンの値を取得します。 userListingCategoryをクリックすると

、私は、関連のサブカテゴリ（userListingSCategory）を取得するために実行するには、次のSQLをしたい：

本質的には、サブカテゴリのIDと名前カテゴリーのIDに関連付けられてしまいます

SELECT scatID, scatName 
FROM Category C, SubCategory SC 
WHERE $valueOfFirstSelected = SC.catID; 

誰でも：もともと（$valueOfFirstSelectedそれゆえ）を選択しましたか？ AjaxまたはjQueryまたはPHPが最も有益です。

おかげ

Answer 1

ファイル：

<select id="select_one" onchange="FillSelectTwo(this.options[this.selectedIndex].value)"> 
    ... 
</select> 
<select id="select_two"> 
    ... 
</select> 

<script type="text/javascript"> 
function FillSelectTwo(id) { 
    $('#select_two').find('option').remove(); 
    $.ajax({ 
     url: 'ajax_fill_select_two.php?id='+id, 
        dataType: 'text', 
     success: function(data) { 
      $('#select_two').append(data); 
     } 
    }); 
} 
</script> 

ajax_fill_select_two.php：

<!-- of course you need to generate it using $_GET['id'] --> 
<option value="0">text</option> 
<option value="1">text</option> 
<option value="2">text</option> 
<option value="3">text</option> 

最善の解決策は、AjaxレスポンススルーJSONデータを送信し、select_twoにoptionフィールドを追加することですJavaScriptを使って