javascript - 使用 javascript 保存 html 状态

标签 javascript html save

到目前为止我发现了一些东西,但仍然不是我需要的。我有一个 html 页面,其中有一个带有名称的选择输入。我需要能够在该输入中选择一个名称并保存 html,以便当我再次打开页面时,仍然选择最后一个选定的名称。我只能使用纯javascript。

这就是我现在所拥有的。适用于 Chrome,但不适用于 IE。

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>

<body>

    <p>Finalizado por:</p>
    <div id="demo" style="float:left; margin-right: 10px;"></div>
    <select id="mySelect" style="width: 25px; float:left;">
        <option></option>
        <option value="Sérgio Barros">Sérgio Barros</option>
        <option value="Marcos Evangelista">Marcos Evangelista</option>
        <option value="Antônio Sobral">Antônio Sobral</option>
        <option value="Marcelo Cancio">Marcelo Cancio</option>
        <option value="Fabio">Fabio</option>
        <option value="Ganso">Ganso</option>
        <option value="Eduardo">Eduardo</option>
        <option value="Rogério">Rogério</option>
        <option value="Mastropirro">Mastropirro</option>
        <option value="Marcelo Celebrity">Marcelo Celebrity</option>
    </select>
    <br/>
    <br/>

    <div id="demo2" style="float:left; margin-right: 10px;"></div>
    <select id="mySelect2" style="width: 25px; float:left">
        <option></option>
        <option value="Sérgio Barros">Sérgio Barros</option>
        <option value="Marcos Evangelista">Marcos Evangelista</option>
        <option value="Antônio Sobral">Antônio Sobral</option>
        <option value="Marcelo Cancio">Marcelo Cancio</option>
        <option value="Fabio">Fabio</option>
        <option value="Ganso">Ganso</option>
        <option value="Eduardo">Eduardo</option>
        <option value="Rogério">Rogério</option>
        <option value="Mastropirro">Mastropirro</option>
        <option value="Marcelo Celebrity">Marcelo Celebrity</option>
    </select>
    <br/>
    <br/>

    <script>
        function myFunction() {
            var x = document.getElementById("mySelect").value;
            document.getElementById("demo").innerHTML = x;
        }

        function myFunction2() {
            var x = document.getElementById("mySelect2").value;
            document.getElementById("demo2").innerHTML = x;
        }
    </script>
</body>

</html>

最佳答案

HTML 是无状态的。这意味着每次加载页面时,就像第一次加载一样。如果您希望表单“记住”某些内容,则需要将它们保存在某个地方。通常,这是在服务器上的数据库或 session 中完成的,也可以通过 cookie 或本地存储在客户端上完成。

关于javascript - 使用 javascript 保存 html 状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30927244/

相关文章:

javascript - 使用 jStorage 设置和获取输入值

java - 如何修复我的代码,使其包含 "save"和 "save as"函数?

javascript - 在数组中查找相同数字的最长出现次数

javascript - jQuery toggleClass 只切换一次

javascript - 在 iframe 顶部覆盖 div 的事件

Android:共享首选项不保存按钮的状态

vba - 将文件保存到 OneDrive/Sharepoint

javascript - 单击外部以关闭下拉头像菜单

javascript - XPages csjs 将变量传递给函数?

javascript - 使用 css 的行编号段落