javascript - 从弹出页面添加值后重新加载下拉列表

Question

我一直在尝试所有 Javascript 选项来重新加载 dropdown 。我有一个主页，有 7 个 MySQL 填充下拉菜单，我有一个使用 java 函数打开新弹出窗口的链接，如下所示:

function OpenWindowCourse() {
    window.open('Script/NewCourse.php', 'newwindow', config = 'height=150,width=370, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no');
    return true;
}

我用它打开一个带有表单的页面，将新值上传到类(class)表，一切正常，当我提交表单时，弹出窗口关闭，并返回到主页，这个问题是类(class)下拉列表需要重新填充了附加值，我必须按 f5 或刷新页面才能看到下拉列表中的新值。我已经尝试了我找到的每个答案(2个小时的查找和尝试)，以在提交弹出页面后以编程方式刷新主页。该网站的写法是php和MySQL数据库后端

<小时/>

抱歉，省略了一些代码。我想我没有解释，这是主/起始页面上的代码，它填充了一个 php 页面，其中包含一个使用 java 脚本打开弹出的第二个 php 页面的链接，它是一个动态填充的下拉列表，因为数据是从填充下拉列表的包含的 php 数据脚本中提取。请参见:
echo "<select name='CourseIDdd' id='ddCourseID' style='width: 250px !important; max-width: 350px;'>\n";
$resultout4 = get_course_rows();//call to data fuction php page, MySQL data
while ($row = mysql_fetch_row($resultout4))
{
if ($row[0] == $CourseID)
{
echo "<option value='" . $row[0] . "' selected='selected'>" . $row[1] . "</option>\n";
}
else
{
echo "<option value='" . $row[0] . "'>" . $row[1] . "</option>\n";
}
}//while
echo "</select>";
echo '<a target="popup" onclick="OpenWindowModalCourse()">new</a>';
这是用于打开弹出类(class)窗口的 java 调用，该窗口允许用户将项目添加到填充下拉列表的表中。
function OpenWindowModalCourse() {
window.open('Script/NewCourse.php', 'newwindow', config = 'height=150,width=370, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no');
return true;
}

我的问题是，当 NewCourse.php 关闭时，我需要刷新第一页，因为数据已被 NewCourse.php 页面更改。因此，用户必须按 f5 或刷新才能看到类(class)表中新添加的值。当 Newcourse 页面处理完 post 事件时，必须有一种方法强制刷新第一个窗口。我在任何地方都没有看到这个问题的答案，这就是我问的原因。由于下拉列表不是由 java 填充或由过程代码填充的，因此它与提供的答案不同。感谢您之前的回答，但我不知道它们如何应用

Answer 1

您可以尝试从子窗口更改父窗口，例如您的父窗口包含以下代码:

function repopulateCourses() {
    // add new dropdown options
}

在子窗口(您打开的新窗口)中，您可以执行以下操作

window.onbeforeunload = function(e) {
    window.opener.repopulateCourses();
};