下拉页面刷新后保留其选择

时间:2014-06-27 13:07:36

标签: javascript html

我希望我的下拉列表在页面刷新后返回其第一个值。

<!DOCTYPE html>
<html>
<head></head>
<body>
    <div>
            <li><label>Type2</label>
            <select id="sss">
                <option selected id="one1">ONE</option>
                <option id="two2">TWO</option>
            </select><br></li>
    </div>
    <script>
    document.getElementById('sss').selectedIndex=0
    </script>
</body>
</html>

它适用于Firefox,但不适用于IE10。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

解决了!我必须在加载页面后强制脚本运行。

<!DOCTYPE html>
<html>
<head>
<script>
    function loaded() {document.getElementById('sss').selectedIndex=0;}
</script>
</head>
<body onload="loaded()">
    <div>
            <li><label>Type2</label>
            <select id="sss">
                <option id="one1" SELECTED>ONE</option>
                <option id="two2">TWO</option>
            </select><br></li>
    </div>
</body>
</html>