從表單中獲取值
[英]getting a value from a form
問題描述
IM試圖測試我的代碼是否設置正確訪問表單的文本值。 我只是嘗試訪問文本值，然后使用Console.log來確認它到達那么遠。
這是我的代碼（
<body>
<form id="form">
<input type="text" id="item">
<button class="Btn add item">Add item</button>
</form>
<script type="text/javascript">
document.getElementById("item").onclick = function() {
var output = document.getElementById("item").value;
console.log(output);
}
</script>
</body>
當我在Chrome中的Dev工具中運行時沒有任何反應。 沒有錯誤，控制台也沒有記錄我在表單中輸入的值。
6 個解決方案
解決方案1
2 2019-09-14 16:37:15
你可以嘗試這樣的事情：
var output = document.getElementById("item").innerText;
解決方案2
1 2019-09-14 17:07:12
您的錯誤是ID屬性的名稱不正確。 小心！
<body>
<form id="form">
<input type="text" id="input"/>
<button id="button" type="button">Add item</button>
</form>
</body>
<script type="text/javascript">
document.getElementById("button").onclick = function(){
var str = document.getElementById("input").value;
console.log("Your string is: " + str);
}
</script>
解決方案3
0 2019-09-14 16:34:32
您的輸入標記缺少value屬性，沒有默認值。
解決方案4
0 2019-09-14 16:37:01
我假設您想要在單擊按鈕而不是輸入時記錄該值。 試試這個：
<form id="form">
<input type="text" id="item"/>
<button id="btn" class="Btn add item" type="button">Add item</button>
</form>
<script type="text/javascript">
document.getElementById("btn").onclick = function() {
var output = document.getElementById("item").value;
console.log(output);
}
</script>
解決方案5
0 2019-09-14 16:41:26
從您的示例中很難理解您要查找的內容，但如果您希望在鍵入時記錄您的值，則可以通過以下方式完成：
<form id="form">
<input type="text" id="item">
<button class="Btn add item">Add item</button>
</form>
<script type="text/javascript">
document.getElementById('item').addEventListener('keyup', function(e){
var output = e.target.value
console.log(output)
})
</script>
解決方案6
0 2019-09-14 16:51:04
正如Markus Zeller所說，當你的輸入標簽沒有值時， console.log會顯示一個空格。 嘗試輸入任意數量的字符，然后輸出焦點，然后再次單擊輸入，您將看到它恰好顯示您剛輸入的輸入標記的值。
從提交的表單中獲取價值
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.