在 html 中显示值 <input> 来自 sessionStorage 的标记

Display value in html <input> tag from sessionStorage

提问人:Saish Mahale 提问时间:11/13/2020 更新时间:11/13/2020 访问量:818

问:

我使用 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”,而不是在第一页中传递的名称。

JavaScript HTML jQuery 变量参数 传递

评论


答:

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验证“编辑”部分