更新MultiSelect下拉列表

Question

我的网页是这样的：

我有一个由两个数据库表填充的多选下拉列表。一个表包含所有值，另一个表包含选定的值。(此部分不能更改)

一旦填充了下拉列表并选择了正确的值，用户就可以选择列表中的更多值，这将以数组的形式传输到另一个页面。

function getGrade($id, $grades_array)
{
        $counter = 0;
        $sql = "Select grade FROM grades";
        $result = mysql_query($sql) or die (mysql_error());
        echo '<select name="grade" multiple="multiple" id="grades_selected">';
        while ($row = mysql_fetch_array($result)) {

                if ($row['grade'] != $grades_array[$counter]) {
                        echo "<option>" . $row['grade'] . "</option>";
                } else {
                        echo "<option selected=" . $row['grade']  . ">" . $row['grade'] . "</option>";
                        $counter = $counter + 1;
                }
        }
    mysql_free_result($result);
        echo '</select>';
}

初始变量$grades_array是选定的值。

换句话说，我需要的解决方案是能够在页面加载时从数据库中提取值，但是如果用户选择了更多的值，那么它将能够将这些值添加到数组中，并保存该变量以便在另一个页面上使用。我认为最困难的部分是，当用户第二次返回页面时，它不会再次从数据库中拉出，而是使用相同的创建变量来填充下拉列表。

谁来救救我！

Answer 1

您可以使用此AJAX进行尝试，这比使用PHP更容易完成

suggestion text field like -- google suggestion - using AJAX/Jquery