如何使用JavaScript將<select>選項從page1傳遞給page2？

我想從page1.html選擇的值傳遞到下一個page2.html Page1.html：如何使用JavaScript將<select>選項從page1傳遞給page2？

<form action="product.php" method="POST"> 
 
<select name="option"> 
 
    <option value="product">product</option> 
 
    <option value="event">event</option> 
 
    <option value="organization">organization</option> 
 
    <option value="movie">movie</option> 
 
    <option value="book">book</option> 
 
    <option value="review">review</option> 
 
    <option value="recipe">recipe</option> 
 
</select> 
 
<input type="submit" name="submit" value="GO"/> 
 
</form>

如何創建一個變種，將收到所選的選項使用POST方法的Page2.html？

感謝，奧弗

來源

2016-04-25 Ofer Langer

店的價值在本地存儲中，您可以在下一頁訪問它。 – Manish

謝謝，但因爲我是初學者，我不知道該怎麼做... –

你可以使用[cookie]（http://www.w3schools.com/js/js_cookies.asp）和[localStorage]（http://www.w3schools.com/html/html5_webstorage.asp） –

這樣的一種優雅的方式是使用localStorage 你要做的HTML &一個微小的變化把這個片段在js文件

HTML

<form onsubmit = "someFunction()" > // A function which will be executed on submit 
    //Rest of the code 
</form>

function someFunction(){ 
    if(typeof(Storage) !== "undefined") { // Checking is storage is supported 
    localStorage.setItem("yourkey", "yourvalue"); 
    } else { 
    // Take necessary action if not supported 
    } 
}

在第二頁

var _myStoredItem = localStorage.getItem("yourkey");

除了使用本地存儲，也可以使用

例如假設這是你的網址

http://www.myPage.com/product.php?myDate=someDate

，並在第二頁

var myVar = window.location.search.

如果有多個查詢參數，則您已解析此查詢字符串以獲取所需的參數。這將需要form method ="GET"。由於您使用的是POST，因此這可能與您無關。

來源

2016-04-25 04:24:48 brk

在頁面2中，添加一個隱藏的輸入，其中包含從page1發佈的選定值。例如：

<input type="hidden" id="selected_option" value="<?php echo $_POST['option'];?>" />

在第2頁的頁面加載，第2頁的客戶端執行期間即獲得價值並將其設置爲一個變量：

第2頁：

<html> 
<head> 
<script type="text/javascript"> 
    var globalVar; 
    function pageLoad() 
    { 
     globalVar = document.getElementById("selected_option").value(); 
    } 
</script> 
</head> 
<body onload="pageLoad()"> 
    <input type="hidden" id="selected_option" value="<?php echo $_POST['option'];?>" /> 
</body> 
</html>

來源

2016-04-25 04:36:46

謝謝。我認爲這是要麼我的PHP不起作用，要麼我沒有（通過page1.html）發送正確的值。 –

如何使用JavaScript將<select>選項從page1傳遞給page2？

回答

相關問題