根據選定的下拉選項打開一個彈出窗口

我想要做的是創建一個簡單的窗體，下拉列表和提交按鈕。從下拉列表中選擇一個選項後，用戶點擊提交按鈕，打開一個彈出窗口，允許他們查看更多關於他們選擇的選項的信息。根據選定的下拉選項打開一個彈出窗口

現在我只是有：

<form action="example.php" method="post" target="_blank"> 
    <select size="7" name="identifier" style="width: 100%;"> 
     <option> 
      Options.... 
     </option> 
    </select> 
</form>

現在這樣做的「工作」是在當用戶選擇一個選項，並按下提交，它會打開與一起傳遞所選擇的選項後數據的新窗口。不過，我希望它特意打開一個較小的彈出窗口，其大小可以由我定義，而不是一個全新的窗口。我也知道目標= _blank已被棄用，所以我想知道什麼是現在的首選方法？

來源

2013-04-25 Roy

http://www.w3schools.com/jsref/met_win_open.asp – estrar 2013-04-25 09:34:33

但是我希望能夠傳遞表單數據，不只是打開一個新窗口，我可能是錯的，但它看起來並不像這個方法傳遞表單數據 – Roy 2013-04-25 09:39:32

真的有必要使用窗體嗎？當使用target = 0時，不能改變窗口的大小。「_blank」，請參閱http://stackoverflow.com/questions/2541392/opening-new-window-in-html-for-target-blank – estrar 2013-04-25 10:02:26

這裏是可以解決你的問題（計算器鏈接）鏈接：how to show popup if select "option" in "select" dropdown using javascript?

來源

2013-04-25 09:35:55

但是我希望能夠傳遞表單數據，而不僅僅是打開一個新窗口。我可能是錯的，但它看起來不像這個方法傳遞表單數據。 – Roy 2013-04-25 09:40:19

試試這個

<form action="example.php" method="post" target='popup' onsubmit="window.open('','popup','width=700,height=400,left=200,top=200,scrollbars=1')">

還是這個代碼添加到您的提交按鈕：的onclick =「window.open（ ''，'popup'，'width = 700，height = 400，left = 200，top = 200，scrollbars = 1'）「

來源

2013-04-25 09:37:53

不幸的是，這不起作用，因爲它不傳遞表單數據。 – Roy 2013-04-25 10:02:24

@Roy檢查我的編輯 – 2013-04-25 10:13:32

onsubmit調用javascript函數。
在該函數中獲得您需要通過的所有值
例如var myelementval = document.getElementById（'myelement'）
然後使用window.open（'mywindow.php？myelement ='+ myelementval，「mypopupname」，「width = 500，height = 400，resizable = yes，top = 100 ，left = 200，scrollbars = yes「.........

來源

2013-04-25 10:10:53

根據選定的下拉選項打開一個彈出窗口

回答

相關問題