javascript - 无法从 iframe 调用函数

Question

我有一个类似于仪表板的窗口。在该仪表板内，我有一个 iframe，充当消息中心，用于向系统中的用户发送电子邮件。

我想要做什么:

下拉框，单击下拉框时将电子邮件收件人添加到文本字段。

我当前的代码:

messages.js 中输出用户电子邮件作为测试的函数

function mountRecipient(user_email){
    window.parent.console.log(user_email);
}

构建 <option> 的 php <select> 中的标签标签。它位于包含发送电子邮件表单的 iframe 内

function userDropDown() {
    $dbConn = getConnection();
    $sqlRequestUserList = "SELECT * FROM academy_user";
    $user_list = $dbConn->query($sqlRequestUserList);

    foreach ($user_list as $value) {
        printf('<option onClick="mountRecipient(\'%s\');">%s %s: %s</option>', $value['user_email'], $value['f_name'], $value['l_name'], $value['user_email']);
    }

}

由于某种原因，当单击下拉项时，onclick事件没有发生。如果我输入 mountRecipient(test)进入 Chrome 控制台，然后我从脚本中得到“测试”。

为什么 onclick 事件没有触发？

(我尝试格式化代码，但它不起作用，抱歉)

Answer 1

这会将更改事件监听器添加到您已添加选项的选择(您将需要使用/为您的选择提供一个类，并将我的代码中的 select 替换为您的类)。因此，当用户选择任何选项时，都会触发此事件。然后在函数本身内，它只是将选定的值发送到您的函数。

document.getElementsByClassName('select')[0].addEventListener("change", function() {
     mountRecipient(this.children[this.selectedIndex].value);
});