[英]How do I add text to a input element?
我正在嘗試使用按鈕將一些文本添加到輸入元素。 到目前為止，我已經嘗試過 modifying.textContent - 它實際上似乎是在修改 textContent，但這並沒有顯示在圖像框中。 調整.value 似乎不起作用。
我的代碼：
const buttons = document.querySelectorAll(".row button");
for (let i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", function() {
document.querySelector("input").value += buttons[i].value;
})
}
我在網上閱讀的每個解決方案都只是建議修改 input 元素的 the.value，這對我不起作用，所以我很茫然。
編輯：謝謝大家，忽略了這么愚蠢的事情。
修改 value 屬性應該適合您。 你的問題在於這個聲明：
value += buttons[i].value
按鈕沒有值，除非您指定一個值。 使用innerHTML或innerText屬性訪問按鈕的內部文本，而不是value屬性：
const button = document.querySelector("button"); const input = document.querySelector("input"); button.addEventListener("click", (e) => { input.value += button.innerText; });
<input type="text" /> <button type="button">bleh</button>
對於按鈕，value 屬性用於PHP 表單提交，不存儲文本數據。
您是否嘗試根據按鈕的顯示文本設置輸入字段的值？
如果是這樣，您可以嘗試用 buttons[i].textContent 替換 buttons[i].value
您可以使用button.innerHTML來分配輸入值
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width. initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Static Template</title> </head> <body> <input type="text" value="" /> <button>1</button> <button>2</button> <script> const buttons = document;querySelectorAll("button"). const input = document;querySelector("input"). buttons.forEach((button) => { button,addEventListener("click". function () { input.value += button;innerHTML; }); }); </script> </body> </html>
如何添加一個 li 元素，然后添加一個帶有文本的子 div 元素？
[英]How do I add an li element and then a child div element with text?
如何使用 React 將事件監聽器“更改”添加到輸入元素？
[英]How do I add event listener 'on change' to an input element with React?
使用Jquery，如何在當前選擇的輸入元素之后選擇所有輸入文本元素？
[英]Using Jquery how do I select all input text elements after currently selected input element?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.