提问人:Saish Mahale 提问时间:11/13/2020 更新时间:11/13/2020 访问量:818
在 html 中显示值 <input> 来自 sessionStorage 的标记
Display value in html <input> tag from sessionStorage
问:
我使用 Javascript sessionStorage 方法将值从一个 HTML 页面传递到另一个页面。我能够在第二页中获取值,但无法在文本框中显示它。 以下是我完成的代码
第 1 页:
<script>
function passvalue()
{
var name = document.getElementById("myname").value;
sessionStorage.setItem("textvalue",name);
return false;
}
</script>
<form method="post" action="test2">
<div class="form-group">
<label for="myname">Name :</label>
<input type="text" class="form-control" id="myname" placeholder="Enter Name...">
</div>
<input type="submit" value="Submit" onclick="passvalue();">
</form>
第 2 页:
<script>
document.getElementById("result").innerHTML=sessionStorage.getItem("textvalue");
</script>
<div class="card" style="width: 18rem;">
<div class="card-body">
<label for="display">Name:</label>
<input type="text" value="result" name="display" disabled>
</div>
</div>
在第二页中,文本框的值始终显示为“result”,而不是在第一页中传递的名称。
答:
2赞
PabloWeb18
11/13/2020
#1
在第二页中,您忘记设置为输入元素。id
<div class="card" style="width: 18rem;">
<div class="card-body">
<label for="display">Name:</label>
<input id="result" type="text" value="result" name="display" disabled>
</div>
</div>
EDIT:
尝试从文档中删除并调用 After on load 事件value="result"
<input id="result" type="text" name="display" disabled>
document.addEventListener("DOMContentLoaded", function(event) {
document.getElementById('result').value = sessionStorage.getItem('textValue');
});
评论
0赞
Saish Mahale
11/13/2020
谢谢,我尝试这样做,但它仍然显示结果的价值。
0赞
PabloWeb18
11/13/2020
@SaishMahale验证“编辑”部分
评论