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

Question

我在iframe外面有一个下拉列表

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

我有一个像这样的iframe

 <iframe id="EditorFrame" src="UploadTemplates.aspx" frameborder="0" style="height: 900px;
            width: 1000px" scrolling="auto"></iframe>

UploadTemplate.aspx的代码是：

<asp:Button ID="UploadButton" runat="server" Text="Upload"" />

所以现在我的问题是如何使用jQuery获取iframe中的dropdown值我试过这个但是它没有帮助我

$("#UploadButton").click(function () {
    alert($("#ModuleDropDown").val());
});

但是当我点击按钮时我得到了undefined而不是下拉值，请帮帮我

Answer 1

我认为这个会为你解决问题：

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

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

Answer 2

试试这个：

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

Answer 3

你可以尝试

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