所以我在這里制作了這個codepen https://codepen.io/shodoro/pen/xxYqXqv?editors=1111
我試圖讓我在輸入表單中輸入的任何內容都顯示在我的控制臺中，但每次我輸入一些內容時它只會顯示“”
現在我知道我將我的資料設定為“”，但我不知道如何讓我輸入的內容顯示
繼承人的html
<form>
<input type="text" placeholder="Street" id="street" onchange="updateInfo()">
<input type="text" placeholder="City" id="city" onchange="updateInfo()">
<input type="text" placeholder="Zipcode" id="zipcode" onchange="updateInfo()">
</form>
這是javascript
function updateInfo() {
const url = ""
const data = {
Street: '',
City: '',
Zipcode: '',
}
document.getElementById('street').value = data.Street
console.log('hi', data.Street)
}
請注意，最終我希望將其與后端 API 集成，因此無論我輸入什么內容都會更新到 API 資料中，但現在我只想先確認我的輸入是否有效
uj5u.com熱心網友回復：
你沒有得到你正在輸入的資料，因為你不是在尋找它。除非表單按鈕的型別特別不是submit型別，否則表單會在按鈕單擊時提交。您需要防止您的表單使用該preventDefault方法提交。
除此之外，您正在將Data物件的空欄位分配給輸入欄位的值。我認為你想要實作的是
data.Street = document.getElementById('street').value;
uj5u.com熱心網友回復：
改變這個
document.getElementById('street').value = data.Street
到
data.Street = document.getElementById('street').value
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/476548.html
標籤：javascript html 形式 api 输入
上一篇：第十五章 面向物件程式設計