php - コンボボックスの値が返らない

Question

以下は私のphpファイルです。複数のオプションを持つコンボボックスがあり、選択すると新しいメニューが選択に応じて表示されます

すべてのコードは、index.php という単一の php ファイルにあります。

ページを更新したり、選択/クリック時に実行する必要がある値を送信したりしたくありません

私のURLは次のようになります

http://localhost/lms/grade/report/userdef/index.php?id=13

およびコンピュータファイルの場所は次のとおりです

C:\xampp\htdocs\lms\grade\report\userdef

jQueryには私が苦手なパスやものが必要なので、明確にするためだけです

これはコンボボックスと選択のための私のコードです

<?php
$change;
if( isset($_GET['combo_1']) )
{
echo $change = $_GET['combo_1'];
}

echo '<select name="combo" id="combo_1">';
echo '<option value="2">Submative</option>';
echo '<option value="1">formative</option>';
echo '<option value="3">successive</option>';
echo '</select>';
 ?>
<br>
<?php
 if ($change==='1' or $change==='2')
{
$quizzes....// query for quezzes one
echo '<select id="combo_2">';
echo '<option value=" " selected="selected">Choose....</option>';
}
foreach($quizzes as $id2 => $name) {
     echo '<option value=' . $id2 . '>' . $name . '</option>';
}
echo '</select>';
   }

if ($change==='2')
{
quizzes2//query for quizes
echo '<select id="combo_3">';
echo '<option value=" " selected="selected">Choose....</option>';

foreach($quizzes2 as $id3 => $name2) {
     echo '<option value=' . $id3 . '>' . $name2 . '</option>';
}
echo '</select>';
}

if ($change==='3')
{
// another menu
}
//////more functionality

次のJavaScriptを使用して選択した値を返そうとしていますが、何も起こらず、値が返されません

すべてのコードは次の単一のファイルにありますindex.php。

<script type="text/javascript">
$(document).ready(function() {

    $('#combo_1').change(function(){
        var combo_1 = $(this).val();
        $.ajax({
                type: 'GET',
                url: 'index.php',
                data: {'combo_1':combo_1},
                success: function(data){
                    alert(data)
                }
            });
    });

});

</script>