使用 JavaScript 獲取 HTML 輸入值到 aa P 標簽

Question

我是 HTML 和 JS 的新手，我試圖從名為 second.html 的頁面中的輸入中獲取一個值，並將其發送到名為 third.html 的頁面中的 ap 標記。

不確定這是否可行，但在 second.html 上我有一些輸入元素，一旦輸入了一些信息，我想按下一個按鈕，然后它會帶我到另一個頁面（third.html），其中的值我從第二個輸入中得到的。html 將用於 ap 標記。 我已經能夠獲取輸入值並移動到 third.html 頁面，但是，將值分配給 p 元素是我失敗的地方。 這是代碼：

第二.html

</head>
  <body>
    <h1>Second page</h1>
    <label for="ticket">ticket:</label>
    <input
      type="text"
      id="ticket2"
      name="ticket"
      required
      minlength="4"
      maxlength="8"
      size="10"
    />
    <button onclick="ticket()">Click me</button>
  </body>

JavaScript：

function ticket() {
  let ticketp3 = document.querySelector("#specials p").innerHTML;
  let valueticket = document.getElementById("ticket2").value;
  ticketp3 = valueticket;
  parent.location = "third.html";
}

第三個.html

<div id="specials">
      <h1>thrid page</h1>
      <p></p> 
    </div>

Answer 1

將信息發送到另一個選項卡可能真的是個問題，因為您在它存在之前就調用了 id #specials，該 id 還不存在，您必須先調用該頁面。 而且我認為你不能調用另一個頁面並嘗試這樣做，我建議你使用本地存儲來存儲信息並在之前使用它：只需使用以下內容：

localStorage.setItem("inputvalue", put here the input value)

並獲取其他頁面上的值使用 getItem :)

編輯：抱歉英語不好，我來自巴西

Answer 2

您可以為此使用本地存儲：

票（）：

...
localStorage.setItem('ticket', valueticket);
...

第三個.js：

window.onload = () => {
  const valueticket = localStorage.getItem('ticket')
}

使用 JavaScript 獲取 HTML 輸入值到 aa P 標簽

問題描述

2 個解決方案

解決方案1
0 2023-01-11 21:26:18

解決方案2
0 2023-01-11 21:26:39

使用 JavaScript 獲取 HTML 輸入值到 aa P 標簽

問題描述

2 個解決方案

解決方案1 0 2023-01-11 21:26:18

解決方案2 0 2023-01-11 21:26:39

解決方案1
0 2023-01-11 21:26:18

解決方案2
0 2023-01-11 21:26:39