2015-10-29 29 views
1

我想讓用戶單擊主文檔上的一個按鈕,並打開包含表單的新窗口彈出窗口。我希望用戶將他們的數據輸入到表單中,然後關閉窗口並能夠從新窗口收集用戶提供的數據。到目前爲止,我可以生成彈出窗口,但不能從窗體收集用戶提供的值。這是迄今爲止代碼:如何從彈出窗口收集表格值

var OpenWindow = window.open("", "newwin", "height=250,width=250,toolbar=no,scrollbars=" + scroll + ",menubar=no"); 
       OpenWindow.document.write('<B><br>' + '<font color="blue" size = "4" >' + 
         "Please complete the following: " + '</B></font>'); 
       OpenWindow.document.write("<FORM>Image height(px) <input type='text' name='image_height' id='image_height' value='800' size='5'></input><br>Image width(px) <input type='text' name='image_width' id='image_width' value='800' size='5'></input><INPUT TYPE='BUTTON' VALUE='Submit' id='submit' onClick='window.close()'></FORM>"); 

       var realWidth = OpenWindow.document.getElementById('image_height').value; 
       var realHeight = OpenWindow.document.getElementById('image_width').value; 
+1

爲什麼不創建實際在同一頁上的「可視化」彈出窗口。 (只是一個居中的div),因爲彈出窗口現在真的不受歡迎,並且可能會被彈出窗口阻止程序阻止。 –

+0

我完全同意@DeanMeehan。但是如果你真的這樣做了,那麼你需要某種回調方法來重載其他窗口的變量。請務必保存之前在此窗口中輸入的所有數據。但這不是2015年,更是2000年。 – Freddy

回答

0

您可能需要使用疊加的解決這個問題,因爲這將是更容易做你想要什麼(你的表單元素將可以訪問,就好像形式是你會怎麼做在同一頁面)。