保存和重置下拉列表中的值
Save and reset values from drop down list
我有下拉列表,选择值后,我按下按钮和一些计算。我从列表中保存值:
<select name="dropDownTo" id="dropDownTo">
<option value="Yard">Yard</option>
<option value="Feet">Feet</option>
<option value="Metre">Metre</option>
</select>
<button onclick="MyFunc()">Update</button>
<script>
document.getElementById("dropDownTo").onchange = function() {
localStorage['dropDownTo'] = document.getElementById("dropDownTo").value;
}
function MyFunc(){
document.getElementById("dropDownTo").value = localStorage['dropDownTo'];
window.onload = document.getElementById("dropDownTo").value;
alert(document.getElementById("dropDownTo").value);
}
</script>
但是select值在关闭窗口后保持选中状态。关闭页面后是否可以恢复默认值?
您应该在页面退出之前运行一个操作,将该值恢复为默认值。有一个javascript事件。Window.onbeforeunload
window.onbeforeunload = function(){
return 'You are leaving this page';
}
将值设置为selected将在每次加载页面时初始选择该值:
<option value="value2" selected>Value 2</option>
相关文章:
- 从下拉列表中获取所选项目,并将其保存到php变量中
- 如何强制用户从下拉列表和按钮中选择一个值以启用保存按钮
- 从动态生成的输入字段中获取下拉列表中的数据,而无需保存值 - jquery
- 单个列筛选不保存下拉列表 jQuery 的状态
- 在 POST MVC 之后保存 Html 下拉列表值
- 保存下拉列表的值并重新分配它
- 会话存储以保存下拉列表值
- 如何保存具有多个选择下拉列表的 html 表单的选择历史记录
- 从保存时的下拉列表中获取所选值
- 从下拉列表中保存
- jQuery-用表单数据保存下拉列表的内容(而不仅仅是所选的选项)
- fullscreenApi使fullscreen元素具有内部元素和保存工作下拉列表的能力
- 如何保存localStorage中文本框和下拉列表中的值
- 将选项添加到下拉列表并保存(html/js)
- 如何重置一个选择下拉列表使用springform:选项和保存空值
- 点击保存下拉列表的数据使用Java Script, Jquery或Ajax
- 如何在jquery中保存下拉列表中先前选择值的数据(在更改之前)
- 下拉列表不'不保存添加js
- 保存和重置下拉列表中的值
- 两个下拉列表和保存在数据库与PHP