从弹出窗口中的选择中获取选定的选项值

Question

我正在尝试使用 Jquery 从弹出窗口中的选择中获取选定的选项。在我使用 var popup = window.open 等创建的弹出窗口中。我选择填充了选项，后来我试图访问这样的选定值但无法获取它。什么是正确的方法？

var element = '<br><select id="' + item.product_option_id +'" class="form-control">';

然后我试图用这个访问选定的选项：

console.log(popup.document.$('#'+item.product_option_id+' option:selected').val());

Answer 1

你必须弄清楚popup.document.$应该代表什么。

这不太可能是任何东西（尽管没有您的其余代码，我们无法确定）。

$ 是 jQuery 对象的别名，它不是 document 的属性 - 如果你想具体一点，它是 window 对象的属性，但实际上人们不用担心关于那个。

如果你想访问弹出窗口的文档，你可以使用popup.document，但你不能像那样挂掉 jQuery - jQuery 对象像往常一样需要一个选择器，所以使用：

$(popup.document.body)

作为其他窗口的顶层，您可以使用任何普通的 jQuery 函数，例如 find()，或者您可以使用这种方便的语法：

$('#my-selector', $(popup.document.body))

改为。