到目前为止我发现了一些东西,但仍然不是我需要的。我有一个 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/