通過父頁面提交按鈕提交iframe和父窗體

這是我的父窗體parent-form.html，帶有一個提交按鈕。通過父頁面提交按鈕提交iframe和父窗體

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

我想通過單擊父窗體的提交按鈕來提交iframe的地址字段以及父窗體的名稱字段。

還有其他帖子相關，但沒有適合簡單的方法。

來源

2014-01-19 Jayesh Bhakta Shrestha

爲什麼，哦爲什麼哦爲什麼哦，爲什麼你使用IFRAME作爲託管在同一個域上的內容（IFRAME的相對src路徑）？ –

我試過jQuery的.load（）來加載iframe_form.html，但它似乎並沒有在Chrome上工作。我已經最大限度地減少了內容。我不得不使用iframe，因爲tab內有tab，所以編碼變得相當複雜。 –

您不必使用IFRAME「，因爲它變得非常複雜」。再試一次。如果您在嵌入內容的正常和理智的方式方面遇到困難，*然後*就這些方式提出問題！ –

iFrames沒有什麼問題，但在這種情況下，效率或簡單。

如果你想避免框架和形式的問題，然後用滾動師：

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

如果你想有一個以上的網頁上，使用它們，確保該ID的序列每個名稱都有不同的名稱。然後，您可以使用visible屬性動態呈現您需要的內容，以及您希望的任何JavaScript觸發器。確保你設置了height屬性，如果你想要兩個滾動條，請使用overflow而不是overflow-y。這是一個簡單的解決方案，它避免了jQuery和iframe的令人頭疼的問題。

Ihope你會得到更好的結果，而不是有益的回答，而且勢利「詢問正確的問題」。

來源

2014-01-29 13:38:44 Jim

通過父頁面提交按鈕提交iframe和父窗體

回答

相關問題