gpt4 book ai didi

javascript - 显示下拉选择的详细信息

转载 作者:行者123 更新时间:2023-11-30 09:16:52 25 4
gpt4 key购买 nike

我想使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com