首頁 > web前端 > js教程 > 為什麼在使用者輸入後檢索我的輸入值變數時它是空的?

為什麼在使用者輸入後檢索我的輸入值變數時它是空的?

DDD
發布: 2024-11-09 18:41:02
原創
399 人瀏覽過

Why is my input value variable empty when retrieving it after user input?

對變數中儲存的空輸入值進行故障排除

嘗試擷取輸入欄位() 的值以供以後使用時在從API 取得資料時,您可能會遇到這樣的問題:無論使用者輸入為何,儲存的變數仍為空。發生這種情況是因為保存輸入值的變數在初始腳本評估期間僅初始化一次,永遠不會再次更新。

在您提供的程式碼片段中,當腳本執行時, inputValue 變數被指派輸入欄位的值是第一次加載,而不是按一下按鈕時載入。要在每次按一下按鈕時存取更新的輸入值,您有兩個選項:

1。每次查詢元素:

const testing = () => {
  const inputValue = document.getElementById("inputField").value;

  alert(inputValue);
};
登入後複製

在這種情況下,每次調用測試函數時都會檢索輸入值並在測試函數中使用它。

2.引用元素並查詢 Value 屬性:

const inputElement = document.getElementById("inputField");
const testing = () => alert(inputElement.value);
登入後複製

這裡,輸入元素引用儲存在 inputElement 中,讓您在需要時存取其 value 屬性。

以上是為什麼在使用者輸入後檢索我的輸入值變數時它是空的?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板