从弹出窗口中选择选择选项值

Question

我正在尝试使用Jquery从弹出窗口中的select中选择选项。我用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对象就像正常一样使用选择器，所以使用：< / p>

$(popup.document.body)

作为另一个窗口的顶层，那么你可以使用任何普通的jQuery函数，例如find()，或者你可以使用这个方便的语法：

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

代替。