Question

如何使用Javascript在浏览器的“后退”按钮上重置（返回0索引）下拉列表？

Answer 1

您可以使用'onbeforeunload'事件：

<script>
function reset_options() {
    document.getElementById('MySelect').options.length = 0;
    return true;
}

</script>
<body onbeforeunload='reset_options()'>
...

Answer 2

是的，很容易。

我有一个Dropbox，其ID为“stroke_style” 重置只是将其设置为-1索引（在0之前）

document.getElementById("stroke_style").selectedIndex = -1;

示例：http://languagelassi.blogspot.in/search/label/Dropdown%20Reset%20Javascript

您可以将其放在方法中或直接放在该页面的<body onload="">

Answer 3

<script type="text/javascript" language="javascript" >

var orig_default = -1;

function setDefault() {
if (orig_default < 0) {orig_default = document.getElementById("MyList").selectedIndex;}
}

function testReset() {
if (orig_default >= 0) {
    document.getElementById("MyList").selectedIndex = orig_default;
 }
}
</script>
<body onbeforeunload='setDefault();'>

以下是我自己编写的一些脚本，用于解决在浏览器返回按钮单击时重置html值的问题。

如何使用Javascript重置浏览器“后退”按钮上的下拉列表<select>？</select>

3 个答案: