基于下拉列表的动态自动完成功能

时间:2011-12-23 08:38:20

标签: php javascript jquery-ui autocomplete drop-down-menu

我有一个选择下拉列表和一个文本框。我想使用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>

0 个答案:

没有答案
相关问题