我试图将值从产品的一页传递到购物车的另一页。
我尝试了几种不同的选择，但没有设法提出任何解决方案。
我是html和javascript的新手，所以如果可能的话，需要一个简单的解决方案，以便我理解。
产品页面
<label for="exampleFormControlSelect1">Example select</label>
<div>
<select class="form-control" id="Selected">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</div>
<button id='btn' type="button" class="btn btn-secondary">Add To Cart</button>
<script type="text/javascript">
var value=0;
function send_selected(){
var selector = document.getElementById('Selected');
var value = selector[selector.selectedIndex].value;
sessionStorage.setItem(value);
}
document.getElementById('btn').addEventListener('click',send_selected);
</script>
购物车页面
<script type="text/javascript">
var value = sessionStorage.getItem("value");
document.getElementById('display').innerHTML = value;
</script>
<body>
<div id="display"></div>
</body>
我需要从下拉列表中获取价值，以传递到购物车页面，以计算出所有选定用户产品的价值。
最佳答案
您需要向sessionStorage添加两个参数：键和值。像这样：
sessionStorage.setItem("selectValue", value);
另外，据我所知，如果您使用在浏览器中像
path/cart.html这样打开的本地html文件，则sessionStorage不能为您提供帮助；它的范围仅限于页面。如果通过本地主机为它们提供服务，那就没问题了。关于javascript - 将变量从一页传递到另一页，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55647313/