HTML-форма цели для верхнего кадра

Question

У меня есть домашняя страница с двумя созданными кадрами. (Да, я знаю, что это слава, а не плавающий фрейм, я не могу изменить что-либо об этом на данном этапе, и поэтому мне нужно решение вопроса.)

<frameset rows="130pt,*" frameborder="0" framespacing="0" > 
     <frame id="topframe" name="topframe" src="***.html" noresize marginheight="0" marginwidth="0" /> 
     <frame id="mainframe" name="mainframe" src="***.html" frameborder="0" /> 
    </frameset> 

У меня есть код JQuery в HTML файл сидит в верхнем раме. Я хочу отправить форму и получить результат в «мейнфрейме»

Я пробовал все возможные вещи, о которых я мог думать, а также пробовал много решений из Интернета, но по какой-то причине результат можно получить в новом окне.

Я хотел бы получить решение в jQuery или javascript, чтобы отправить форму и получить результат в «мейнфрейме».

спасибо.

Answer 1

Попробуйте один

$(function(){ 
 
    var details="get values from your form"; 
 
    
 
    $('#mainframe').contents().find("your-div-to-display").html(details); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<frameset rows="130pt,*" frameborder="0" framespacing="0" > 
 
     <frame id="topframe" name="topframe" src="***.html" noresize marginheight="0" marginwidth="0" /> 
 
     <frame id="mainframe" name="mainframe" src="***.html" frameborder="0" /> 
 
    </frameset>