首頁猿問如何從表單中檢索值以供以后使用？

如何從表單中檢索值以供以后使用？

JavaScript

料青山看我應如是 2022-07-08 10:26:05

我使用 Javascript 和 html 創建了一個表單，它看起來像這樣：function testResults (form) { var TestVar = form.inputbox.value; var formData = $('#vibhu').serialize(); formData = JSON.stringify(formData); if (window.localStorage) { localStorage.setItem('formData', formData);<h1 class="title">Create Event</h1><FORM NAME="myform" ACTION="" METHOD="GET"><BR>Event Name: <INPUT TYPE="text" NAME="name" VALUE=""><P>Date and Time: <INPUT TYPE="datetime-local" NAME="date" Value=""><P>Event Location: <INPUT TYPE="text" NAME="location" VALUE=""><P>Event Notes<INPUT TYPE="text" NAME="notes" VALUE=""><P>我試圖在另一個網頁上使用<script language="JavaScript"> document.getElementById("result").innerHTML = localStorage.getItem("myForm");}</script>如何才能檢索此信息并將其作為事件在另一個頁面上顯示給用戶？

查看完整描述

2 回答

一只甜甜圈

TA貢獻1836條經驗獲得超5個贊

像這樣使用submitwithaction屬性form

Event Name: <input type="text" name="name" value=""/>

Event Date and Time: <input type="datetime-local" name="date" value=""/>

Event Location: <input type="text" name="location" value=""/>

Event Notes: <input type="text" name="notes" value=""/>

</form>

當你點擊提交按鈕時，頁面同時跳轉到html2.html?name=xxx&date=xxx&location=xxx...

反對回復 2022-07-08

互換的青春

TA貢獻1797條經驗獲得超6個贊

使用 localStorage 怎么樣？

要存儲項目，請使用localStorage.setItem("valuename", "data");.

要獲得項目的價值，請使用localStorage.getItem("valuename");.

這是一個例子：

Event Name: <INPUT TYPE="text" NAME="name" VALUE="" id="input1"><P>

Event Date and Time: <INPUT TYPE="datetime-local" NAME="date" Value="" id="input2"><P>

Event Location: <INPUT TYPE="text" NAME="location" VALUE="" id="input3"><P>

Event Notes: <INPUT TYPE="text" NAME="notes" VALUE="" id="input4"><P>

<button onclick="myFunction()" type=submit>Submit</button>

</form>

document.getElementById('input1').value = localStorage.getItem("EventName");

document.getElementById('input2').value = localStorage.getItem("EventDateAndTime");

document.getElementById('input3').value = localStorage.getItem("EventLocation");

document.getElementById('input4').value = localStorage.getItem("EventNotes");

</script>

function myFunction() {

localStorage.setItem("EventName", document.getElementById('input1').value);

localStorage.setItem("EventDateAndTime", document.getElementById('input2').value);

localStorage.setItem("EventLocation", document.getElementById('input3').value);

localStorage.setItem("EventNotes", document.getElementById('input4').value);

}

</script>

這是一個現場演示：https ://codepen.io/marchmello/pen/eYpdmQb

反對回復 2022-07-08

2 回答
0 關注
151 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何從表單中檢索值以供以后使用？

如何從表單中檢索值以供以后使用？

2 回答

添加回答

如何從表單中檢索值以供以后使用？