Question

我在共享HTML表单之间的值时遇到问题。我是一个初学者，所以这可能是一个非常简单的修复程序。

Newvehicle.html：

<div class="input-group">
    <input class="form-control" id="inputMake" type="text" placeholder="Make..." style="width: 150px;"/>
</div>

Item1.html：

<label>Make: </label><li onclick="getMake()"></li></br>

Newvehicle.js：

function getMake(){
    var make = document.getElementById("inputMake").value;
}

我希望输入到Newvehicle.html文本字段中的值在Item1.html上显示为列表项。有人可以请教吗？

Answer 1

您可以做的就是将值保存在localStorage中，然后在secound文件中检索它。

可能的HTML解决方案是：

Newvehicle.html：

<div class="input-group">
   <input class="form-control" id="inputMake" type="text" placeholder="Make..." style="width: 150px;" onkeyup="localStorage.value1 = this.value" />
</div>

Item1.html：

<label>Make: </label><li id='entry_1'></li></br>
<script type="text/javascript">
            document.getElementById('entry_1').innerHTML = localStorage.value1;
</script>

Newvehicle.js：

不是必需的，但是很高兴将整个逻辑保存在单独的JS文件中

说明：

onkeyup事件在用户每次释放键盘上的键时触发，因此每次触发时，我们都会在localStorage中创建/替换value1。

紧随list元素之后，将执行一个javasript代码，该代码从您的案例value1中的localStorage读取值并替换innerHTML。

请记住，仅当您在同一域上工作时，此方法才有效。Localstorage会保留数据，直到您清除localStorage.clear（）的localstorage

或者，您可以使用sessionStorage代替localStorage，仅保留一个浏览会话的数据。

请参阅： Webstorage on W3C Schools

继续前进，很快您将掌握Javasript语言。

如何从一种HTML表单获取另一种“ make”值？

1 个答案: