在表单提交中获取多选下拉列表中的所有选定项目

Question

我有一个很长的表单，最初使用数据库中的值填充Multi Select Dropdown。发生这种情况后，用户可以选择从下拉列表中添加或删除所选项目。但每次提交它并进入下一页时，它始终保持原始数组并且没有任何变化。

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>';
}

按下提交按钮时，我需要它做的是正确的，它需要从下拉列表中获取所有选定的值，并创建一个包含所有这些值的新数组。

Answer 1

您可以使用sessionStorage来实现此目的。这将使您能够在浏览器会话中将数组值保存为字符串。

或者，您也可以使用localStorage，但这会在会话中保存值（在多个标签中），这可能不是您想要的这种情况。