gpt4 book ai didi

javascript - onload 将值两次加载到两个输入字段中

转载 作者:行者123 更新时间:2023-11-28 05:03:20 26 4
gpt4 key购买 nike

我正在使用本地存储将用户名保存在first-page.html中并将其检索到second-page.html

但是,如果我在 secondary-page.html 中有两个或多个位置想要检索用户名,那么如何使用两个不同的 id 来实现它。因为一旦使用过的 id 就不能在另一个输入字段中使用。任何人都可以帮忙吗?

索引.html:

    <script>
function save(){
var fieldValue = document.getElementById('user').value;
localStorage.setItem('text', fieldValue);
}
</script>


<div class="form-group" id="login-fields">
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"><span class="text--white glyphicon glyphicon-user"></span></i>
</span>
<input type="text" name="user" id="user" placeholder="Username" class="form-control" required/>
</div>
</div>
</div>

<input class="view sign-in-app" type="submit" value="Sign In" id="submit-login" onclick="save()" />

第二页.html

    <script>
function load(){
var storedValue = localStorage.getItem('text');
if(storedValue){
document.getElementById('here').value = storedValue;
}
}
</script>

<body onload="load()">
<!-- first div -->
<div class="form-group">
<div class="cols-sm-10">
<div class="input-group">
<input type="text" name="userName" id="here" class="form-control" placeholder="Username" required>
</div>
</div>
</div>
<!-- second div -->
<div class="form-group">
<div class="cols-sm-10">
<div class="input-group"> // change the id here
<input type="text" name="userName" id="here" class="form-control" placeholder="Username" required>
</div>
</div>
</div>
</body>

最佳答案

真的,只需给每个元素不同的 id 即可。没问题。然后当你设置时,同时设置:

if (storedValue) {
document.getElementById('here').value = storedValue;
document.getElementById('my-other-id').value = storedValue;
}

关于javascript - onload 将值两次加载到两个输入字段中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41970541/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com