динамическое автозаполнение на основе выпадающего списка

Question

У меня есть выпадающий список выбора и текстовое поле.Я хочу использовать автозаполнение jquery, чтобы заполнить текстовое поле на основе значения, выбранного в раскрывающемся списке.вот мой код:

$(document).ready(function() {
var e = document.getElementById("semesters");
var semester = e.options[e.selectedIndex].value;
var courses=new Array;
<?php
$allCourses = retrieveAllCoursesbySemester($semester);
    for($i =0; $i < sizeof($allCourses); $i++)
            {
        echo "courses[$i]='".$allCourses [$i]."';\n";
    }
 ?>
$("#course_name").autocomplete({
source: courses
});
});

вот мой код php:

$allSemesters = retrieveAllSemesters();
echo "Semester: <select id='semesters'>";
echo "<option>Select</option>";

for($j =0; $j < sizeof($allSemesters); $j++){
    echo "<option>".$allSemesters[$j][0]."</option>";
}
echo "</select><br /><br />";

echo "Course Name: <input type='text' id='course_name' /><br />";

Я не могу передать выбранное значение в массив php для генерации массива для автозаполнения,Что я делаю не так?

вот HTML-код, представленный: Управление курсами

<link rel="stylesheet" href="demos.css">
<script>

$(document).ready(function() {
var e = document.getElementById("semesters");
var semester = e.options[e.selectedIndex].value;
var courses=new Array;
<br />
<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Fatal error: Call to undefined function retrieveAllCoursesbySemester() in C:\wamp\apps\twitter\manageSections.php on line   <i>17</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0076</td><td bgcolor='#eeeeec' align='right'>371776</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\wamp\apps\twitter\manageSections.php' bgcolor='#eeeeec'>..\manageSections.php<b>:</b>0</td></tr>
</table></font>