如何使用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？

回答

相关问题