Получить значение выпадающего из родительского с в iframe, используя jQuery

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"" />

так что теперь мой вопрос заключается в том, как я могу получить значение выпадающего в iframe, используя jQuery, я пробовал это, но это не помогает мне

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

но когда я нажимаю кнопку, вместо значения выпадающего списка появляется undefined, пожалуйста, помогите мне

Answer 1

Попробуйте это:

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

Answer 2

Я думаю, что это поможет вам:

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

Дополнительный аргумент сообщает jQuery, в каком контексте его следует использовать.

Answer 3

Вы можете попробовать

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