我想創建一個有輸入的 html 頁面。例如，我正在輸入一個輸入芒果，它會提醒物件的屬性。例如。如果是芒果 -
color = 'Yello'
tasste = 'sweet'
price = 30
你能幫我做這件事嗎？
uj5u.com熱心網友回復：
EventListener您可以簡單地將資料 json 定義為 var 并在用戶使用...在輸入框中輸入任何值時提取它的值。
你可以試試：
// Add more items as per your choice in it
data = {
"mango": {
"color": "Yello",
"tasste": "sweet",
"price": 30
},
"apple": {
"color": "Red",
"tasste": "sweet",
"price": 40
}
}
document.getElementById("input").addEventListener('input', function(evt) {
if (data[this.value]) {
document.getElementById("details").innerHTML = `Color : ${data[this.value]['color']}<br>
Taste : ${data[this.value]['tasste']}<br>
Price : ${data[this.value]['price']}`;
} else {
document.getElementById("details").innerHTML = "Invalid Input.<br>Please enter a valid value";
}
});<input type="text" id="input">
<div id="details"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/440315.html
標籤：javascript html