php - select 入力フィールドに mysql データを入力する

Question

メインのドロップダウン リストを作成しました。jquery を使用して、表示するドロップダウン メニューの数を選択できます。forループによって非常に簡単に実行されます。表示するドロップダウンの数を選択するメインのドロップダウンリストは静的に入力されており、表示されているドロップダウンにmysqlデータベースのデータを動的に入力しようとしています。PHP側では、whileループを使用して各選択ボックスにデータを入力しています。結果が表示されません。サイト

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

    $('select').change(function() {
    var option = $(this).val();
    showFields(option);
    return false;
        });


        function showFields(option){ 

            var content = '';
            for (var i = 1; i <= option; i++){
                content += '<div id="course_'+i+'"><label>Course # '+i+'</label><br /><label>Course Name:</label> <select id="coursename_'+i+'"><option value="">--- Select ---</option>"'
                        <?php



                           $mysqli = new mysqli(DB_SERVER, DB_USERNAME, DB_PASSWORD, DB_DATABASE);
                           if (mysqli_connect_errno()) {
                                printf("Connect failed: %s\n", mysqli_connect_error());
                                exit();
                            } 
                            $course_query = "SELECT course_id, course_name FROM course ";
                                    if($result = mysqli_query($mysqli, $course_query)) {
                                        while ($idresult = mysqli_fetch_row($result))
                                        {
                                            $course_id = $idresult[0];
                                            $course_name = $idresult[1];
                                            echo'<option value="' . $course_id . '">' . $course_name . '</option>';
                                        }
                                    }
                        ?>
                '"';                   

                content += '</select><br /><div><br />';

            }
            $('#course_catalog').html(content);

        }
    });
</script>