Javascript 是否有办法在刷新时将所选选项设为默认值？

我今天遇到了这个问题，我希望我选择的选项是刷新页面时的默认值。例如，我有：

<select id="options">
<option value="0">Apple</option> 
<option value="1">Orange</option> 
<option value="2">Mango</option></select>

苹果
橙色
芒果

---

我的UI上的默认值是Apple，所以我想要的是当我单击Orange选项时，它将是我刷新页面时的默认值。有办法做到这一点吗？谢谢

我认为本地存储可以帮助您。 例如：

<select id="options">
<option value="0">Apple</option> 
<option value="1">Orange</option> 
<option value="2">Mango</option></select>

看看

所有js代码必须在$（document.ready（）内

在演示上运行代码后，尝试重新加载页面，您将看到结果

Set selected=“selected”将您想要的选项设置为默认选项

<option selected="selected">
  default
</option>

违约

使用onchange设置会话cookie，然后在页面加载时设置option.s

<select id="options" onChange="document.cookie='fruit='+this.value;">
<option value="0">Apple</option> 
<option value="1">Orange</option> 
<option value="2">Mango</option></select>

<script type="text/javascript">
<!--
function getCookie(cname)
{
/* http://www.w3schools.com/js/js_cookies.asp */
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
  {
  // var c = ca[i].trim(); // trim not supported on IE8
  var c = ca[i].replace(/^\s+|\s+$/gm,'');
  if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }
return "";
} 
window.onload = function() {
    var v = getCookie('fruit');
    if (v) document.getElementById('options').options[v].selected = true;
}
//-->
</script>

苹果
橙色
芒果

使用cookie存储所选选项，并在页面重新加载时将其设置为相同。Fiddle为空FUserThrowError@user3213861我忘了添加链接）localStorage是HTML5的一项功能。@SyncCircles若你们读了这个问题，你们会发现并没有任何关于需求的东西@我同意。我只是把它作为一个附加信息提出来。

<select id="options" onChange="document.cookie='fruit='+this.value;">
<option value="0">Apple</option> 
<option value="1">Orange</option> 
<option value="2">Mango</option></select>

<script type="text/javascript">
<!--
function getCookie(cname)
{
/* http://www.w3schools.com/js/js_cookies.asp */
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
  {
  // var c = ca[i].trim(); // trim not supported on IE8
  var c = ca[i].replace(/^\s+|\s+$/gm,'');
  if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }
return "";
} 
window.onload = function() {
    var v = getCookie('fruit');
    if (v) document.getElementById('options').options[v].selected = true;
}
//-->
</script>