使用jQuery从iframe中的父级中获取下拉列表的值

我在iframe外有一个下拉列表

<select id="ModuleDropDown">
     <option>Hello world</option>
</select>

---

但是当我点击按钮时，我得到的是

未定义的

，而不是下拉列表的值，请帮助我

我想这一个将为您带来窍门：

$("#UploadButton").click(function () {
    alert($("#ModuleDropDown", window.parent.document).val())
})

额外的参数告诉jQuery应该在哪个上下文中使用它。

您可以试试

$('#EditorFrame').contains().find("body").on("click", "#UploadButton", function(){
   alert($("#ModuleDropDown", window.parent.document).val());
});

试试这个：

    $selectedValue=$("#EditorFrame").contents().find("select#ModuleDropDown").val();
    alert($selectedValue);

---

我不相信你可以，浏览器不会让你。如果它在同一个域上，它可以做到。那么它是在同一个域上吗？；-）这里有一个类似的问题：看到答案没有什么是不可能的dear@HaseebKhan我错了，因为我误解了你的要求，我认为“没有什么是不可能的”。此外，这种屈尊是完全没有必要的，而且事实上是粗鲁的。代码应该放在iframe中。当单击ID为UploadButton的按钮时，在其父级上下文中搜索ID为ModuleDropDown的元素。如果可以，请对此进行解释？

$("#UploadButton").click(function () {
    alert($("#ModuleDropDown", window.parent.document).val())
})

$('#EditorFrame').contains().find("body").on("click", "#UploadButton", function(){
   alert($("#ModuleDropDown", window.parent.document).val());
});

    $selectedValue=$("#EditorFrame").contents().find("select#ModuleDropDown").val();
    alert($selectedValue);