我想使用 JavaScript 在下拉列表中显示详细信息。
我写到现在的代码如下。请帮我修复它。
function displayCarDetais(){
var a= {carName:"Indica",Price:"900000",year:"2016"};
var b= {carName:"Nano",Price:"700000",year:"2017"};
var c= {carName:"i20",Price:"500000",year:"2013"};
document.getElementById("SelectCar").value = "Indica";
displayDetails(a.carName - a.Price - a.year);
document.getElementById("SelectCar").value = "Nano";
displayDetails(b.carName - b.Price - b.year);
document.getElementById("SelectCar").value = "i20";
displayDetails(c.carName - c.Price - c.year);
}
<!DOCTYPE html>
<select id="SelectCar" onsubmit="displayDetails()">
<option value="Indica">Indica</option>
<option value="Nano">Nano</option>
<option value="i20">i20</option>
</select>
最佳答案
这是一个工作示例。
var cars = [
{carName:"Indica",Price:"900000",yearOfModel:"2016"},
{carName:"Nano",Price:"700000",yearOfModel:"2017"},
{carName:"i20",Price:"500000",yearOfModel:"2013"}
]
var selectNode = document.getElementById('SelectCar');
var detailNode = document.getElementById('CarDetail');
function displayCarDetails(){
var selected = selectNode.value;
cars.forEach(function (car) {
if (car.carName === selected) {
detailNode.textContent = [car.carName, car.Price, car.yearOfModel].join(' - ');
}
});
}
displayCarDetails(); // show which car is selected on start
Please Choose a Car to get its Details:
<select id="SelectCar" onchange="displayCarDetails()">
<option value="Indica">Indica</option>
<option value="Nano">Nano</option>
<option value="i20">i20</option>
</select>
<p id="CarDetail"></p>
关于javascript - 显示下拉选择的详细信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54534206/