Как отформатировать выпадающий список, чтобы использовать только выбранные ответы в зависимости от первого выпадающего

Question

http://whodateswhere.com/auto/ Это мой сайт, который я строю. Где это показывает:
Марка:
Модель:
Я хотел бы знать, после выбора первого, как я могу дать второму выпадающему списку знать, что он будет из этой марки?

Вот код:

<script type="text/javascript">
$(function(){
    $.get('makes_models.php', function(data){
       $('#ajax_make_select').html( data ); 
    });

    // on change of dropdown1 populate dropdown2 with the respective data 
    $('#ajax_make_select').change(function(){
        $.get('models.php',{ make: $('ajax_make_select').val() }, function(data){
            $('#ajax_model_select').html( data ); 
        }); 
    }); 
}); 
</script>

с кодом make_models.php:

<select>
<option value=999>Select a Make</option>
<option value=1>Acura</option>
<option value=2>Audi</option>
<option value=3>BMW</option>
</select>

Как бы я занялся кодированием второго файла? "Models.php"
если выбран Acura, я бы хотел, чтобы он отображал

<option value=1>MDX</option>
<option value=2>RDX</option>
<option value=3>RL</option>
<option value=4>TL</option>
<option value=5>TSX</option>
<option value=6>ZDX</option>

Answer 1

Предлагаю вам проверить мой ответ здесь .

http://jsfiddle.net/tBrXt/2/

В ответ на то, как вы будете кодировать второй файл, используйте оператор switch/case:

<?php
    switch($_GET['make']) {
        case "acura":
            echo json_encode(array("MDX","RDX","RL","TL","TSX","ZDX"));
            return;
        case "ford":
            echo json_encode(array('f150','mustang','etc'));
            return;
    } 
?>