2013-07-10 82 views
1

這可能是一個受歡迎的問題,但我找不到我正在尋找的答案。 無論如何我想要做的是將父窗口中的選項值傳遞給一個彈出窗口,這樣我就可以根據選定的選項在彈出窗口中顯示一些內容。這裏是我父窗口的代碼。如何將選定的值傳遞給html彈出窗口

<select name="itemSelect" id="itemSelect"> 
<option>chair</option> 
<option>table</option> 
</select> 
<a class="button" href="#" onclick= "MyWindow=window.open('form3.php','MyWindow','toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no,width=500,height=650'); return false;">enter data</a> 
+1

怎麼樣查詢字符串像form3.php顯示彈出?ID = 3 – rahularyansharma

+0

追加選擇的值作爲查詢字符串,以你打開的網址在彈出窗口中。 – 2013-07-10 05:51:05

+0

嘗試獲取onchange的價值 –

回答

1
<a class="button" href="#" onclick= "MyWindow=window.open('form3.php?itemSelect='+document.getElementById('itemSelect').value,'MyWindow','toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no,width=500,height=650'); return false;">enter data</a> 
在form3.php

然後

echo $itemSelect = $_GET['itemSelect']; 
+0

你能告訴我如何獲得這個itemSelect值彈出 – harshanii

+0

非常感謝。.. :)它完美的作品 – harshanii

4

使用jQuery,你可以做一些事情。

value = $('#itemSelect option:selected').val(); 
window.open('form3.php?value='+value+', MyWindow 

然後,您可以在PHP頁面上查找$_GET['value']並對其進行處理!

+1

不需要僅爲此包含jQuery。 – mishik

+1

@mishik這不是答案的要點! –

+0

@mishik我沒有,因此我剛剛提出你反對你unnessecary downvote;) –

0

您可以通過散列或網址PARAM增加你的價值通過特殊onclick處理程序做到這一點:

<a class="button" href="#" onclick= "openNewWindow()">enter data</a> 

JS:

function openNewWindow() { 
    var your_select = document.getElementById("itemSelect"); 
    var value = your_select.options[your_select.selectedIndex].value; 
    MyWindow=window.open('form3.php#' + value, 
     'MyWindow', 
     'toolbar=no,location=no,...,width=500,height=650'); 
    // ... or 
    // MyWindow = window.open('form3.php?select_value=' + value, ... 

    return false; 
} 
+0

謝謝。但你可以告訴是如何PHP回顯變量「your_select」的JavaScript – harshanii

+0

對於PHP - 使用第二個選項(與'?select_value ='),你應該能夠看到它''_GET ['select_value']' – mishik

+0

對不起。我不明白。我對javascript知之甚少。你能解釋一下這一點.. – harshanii

0

你想通過選擇的操作彈出窗口以獲得更好的互動?

在js中使用alert()會更容易;使用onclick處理程序可以調用JS的功能,然後通過使用alert(document.getElementById().value=variable)

相關問題