從 HTML 輸入到 Javascript 時值為空

阿齊祖拉赫曼 |

在此處輸入圖片說明

每當我在輸入框中輸入一些內容時,我都無法從 HTML 獲取輸入。當我在做 console.log(text) 時它是空白的。

<input type="number" id="text">

<script>
        var text = document.getElementById('text').value;
        console.log(text);
 </script>
光譜

您在頁面加載時獲取輸入字段的值,這是一個空白字符串,因為當時輸入中沒有值。

您可以改為在input觸發事件時獲取該值

<input type="number" id="text">

<script>
text.addEventListener('input', function(){
  console.log(this.value)
})
 </script>

要將值存儲在變量中,您可以將事件偵聽器中輸入字段的值分配給變量:

<input type="number" id="text">

<script>
  var val;
  text.addEventListener('input', function() {
    val = this.value;
    console.log(val)
  })
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

從輸入生成 ID - Javascript 或 Jquery

從外部 HTML 獲取輸入字段文本/值並按設定的時間間隔刷新

如何將輸入值數據從 Vue 組件傳遞到根元素

從輸入字段複製值

從表(HTML)中獲取輸入變量並提供值作為數據庫表的變量名

如何使用javascript從html保存/寫入文件?

我可以從鍵盤輸入輸入到 Scanner.nextLine() 等待運行時類的 .class 文件嗎?

將輸入字段綁定到模型時不顯示 HTML 輸入字段佔位符

如何從Javascript中的對像數組中搜索或比較值並根據輸入返回

表單輸入值未從腳本更新

從輸入文本中獲取價值?

當 first_name 列為空時,sql 查詢將值從 second_names 列移動到 firstn_name 列

將標籤值從 HTML 傳遞到 TS

我如何以兩種方式將鍵入的值從數字小鍵盤綁定到輸入元素

使用選擇輸入時無法從表單接收值

打字稿:通過獲取帶有 html 元素 id 的輸入值,對象可能為“空”

使用 Javascript 或 jQuery 從文本框輸入創建數組,並可以在單擊時刪除數組元素

為什麼我不能從 HTML 文件訪問 javascript 函數?

如何編寫程序打印出從 1 到輸入數字的所有正整數值,並翻轉每對數字?

獲取項目列表,這些項目從 python 文件(Django)傳遞到 html,從 html 傳遞到同一頁面上的 Javascript

從 appscript 輸入 HTML 電子郵件的用戶友好方法

當輸入為空字符串時,表單不會從第一個輸入框中刪除警報

為什麼從 html 到 js 文件的元素作為對象

無法從 javascript 文件中的數組獲取輸出以顯示在 html 頁面上

使用 while 循環 (Kotlin) 生成從 1000 到 0 計數為 10 的輸出

從編輯框輸入作為顯示結果

如何從文件中獲取列表輸入並將其轉換為字典?

輸入模式特定格式 HTML/JavaScript

從二維向量獲取輸入時出現分割錯誤