如何根据另一个下拉列表更新一个下拉列表

Question

我有2个下拉列表， 首先，我在加载时使用填充第一个列表，我没有遇到问题。 但是当第一个列表的值发生变化时，我想根据新值填充第二个列表。 但是我改变了第一个列表的选项，第二个列表仍然是空的，我的代码中的问题是什么？ 在html文件中

<script>
$(document).ready(function() {
           $('#select1').change(function(){                                                
             $.ajax({ 
                type: 'GET',
                url: 'SubmitHomework.php',
                data: 'q='+$('#select1').val(),
                success: function(msg[])
                {  for(var i=0 ; i<msg.length ; i++)
                     $('#select2').append(msg[i]); }
                });
             });
         });
</script>

在php文件中（填写第二个下拉列表部分）

    $connected = mysqli_connect("localhost", "root", "", "web");
   $q = $_GET['q'];
    if($q != "")
    {
      $sql2 = "SELECT homeworkTitle, homeworkID FROM homework, hwcourse WHERE cTitle='csc212' AND hwID = homeworkID";
      $result2 = mysqli_query($connected,$sql2);
     while ($row3 = mysqli_fetch_array($result2))                
     {    $array1[]= "<option value='$row3[homeworkID]'> $row3[homeworkTitle] </option>"; }
         return $array1; }