如何将"make"值从一个HTML表单获取到另一个HTML表单？

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文件中

说明：

每次USERT在键盘上释放一个键时，OnKeyup事件都会启动，因此每次启动时，我们都会在LocalStorage中创建/替换Value1。

列表元素将执行javasript代码，该代码从您的案例值1中读取localstorage的值并替换Innerhtml。

在中间保持，这仅在您在同一域上工作的情况下才能有效。LocalStorage保留数据，直到您清除LocalStorage Whit localstorage.clear.clear（）

另外，您可以使用SessionStorage，而不是仅保留一个浏览会话的数据。

请参阅：W3C学校的网站

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