Отправить iframe и родительскую форму кнопкой отправки на родительской странице

Question

Это моя родительская форма parent-form.html с одной кнопкой отправки.

<form name="parent_form"> 
    Name 
    <input type="text" id="name" name="name"> 
    <input type="submit" id="submit" type="button" value="Submit"></button> 
    </form> 

    <iframe src="iframe_form.html" id="iframe_id" name="iframe_name"></iframe> 

Это моя iframe форма iframe_form.html с одним полем в ней.

<form name="iframe_form"> 
    Address 
    <input type="text" id="address" name="address"> 
    </form> 

Я хочу представить как поле адреса фрейма, а также имя поля в родительской форме, нажав кнопку родительской отправки формы.

Было другое сообщение, связанное, но не подходящее с простым методом.

Answer 1

Нет ничего плохого в iFrames, но в этом случае это не эффективно или просто.

Если вы хотите, чтобы избежать проблемы кадров и форм, а затем использовать прокручивать деление:

<div id="scrollcontent1" style="overflow-y: scroll; height:100px;"> 
     Address: <input type="text" id="address" name="address"> 
    </div> 

Если вы хотите иметь больше чем один на вашей странице, используйте последовательность из них убедившись, что идентификатор имеет другое имя для каждого. Затем вы можете динамически представить, что вам нужно, используя свойство visible и любые триггеры javascript, которые вы хотите. Убедитесь, что вы установили свойство height, и если вы хотите, чтобы обе полосы прокрутки присутствовали, используйте overflow вместо overflow-y. Это простое решение, и оно позволяет избежать головных болей jquery, а также iframes.

Ihope вы получите лучший пробег из полезного ответа, чем и снобистский «задайте правильный вопрос».