使用Javascript将引导下拉列表连接到对象和循环

这一次，我尝试制作一个代码，让用户选择他/她想去的地方。我已经编写了html和js，但现在我被连接它们所卡住（大约半天…）。 我在bootstrap的帮助下写了一个下拉菜单。我还编写了一个js文件，可以循环这些位置。最后，它应该了解用户选择了什么，然后输出结果，结果应该是：

var text=''+bus[i]。到+'
-到爱沙尼亚的距离：'+bus[i]。距离+'km
-价格：'+bus[i]。价格+'euros
'

在web浏览器中，类似以下内容：

阿姆斯特丹

• 距离爱沙尼亚：2000公里
• 价格：250欧元

但无论我尝试什么，都没有效果（我知道这是因为我的知识贫乏，我不怪JS）。我试着把“id”和“onclick函数”放在每个地方

所以，我将粘贴一小部分，也许有人可以帮助：）

公共汽车


地点清单

“>阿姆斯特丹
马德里
斯德哥尔摩
里加

和我的JS文件：

// If person is in some location

document.getElementById("test2").innerHTML = "<hr> You're in Estonia, where would You want to travel?";

function bus() {

// Object with info     
    var buses = [
  { to: 'Amsterdam', distance: 2000, price: 250},
  { to: 'Madrid', distance: 4500, price: 350},
  { to: 'Stockholm', distance: 1500, price: 90},
  { to: 'Riga', distance: 400, price: 100}
  ];

// Should get result which user has choosen
    var res = document.getElementById("boss");
    var result = res.value;
    console.log(value); // outputs html row... >.>

// Loop through the object
    var text = "";
    for(var i = 0; i < (buses.length); i++) {   

    if (result == buses[i].to) { text = '<p>' + buses[i].to + '<br> - Distance from Estonia: ' + buses[i].distance + ' km <br> - Price: ' + buses[i].price + ' euros <br>';
    alert("Works!!!!"); // Well, last thing is to change it to output "var text" result
    }

    };
    document.getElementById("test2").innerHTML = text; // If everything is correct, this should output sentence about selected bus
}

//如果某人在某个位置
document.getElementById（“test2”）.innerHTML=“
您在爱沙尼亚，您想去哪里旅行？”；
功能总线（）{
//带有信息的对象
无功母线=[
{到：“阿姆斯特丹”，距离：2000，价格：250}，
{到：'马德里'，距离：4500，价格：350}，
{到：'斯德哥尔摩'，距离：1500，价格：90}，
{到：'里加'，距离：400，价格：100}
];
//应该得到用户选择的结果
var res=document.getElementById（“boss”）；
var结果=恢复值；
console.log（值）；//输出html行…>。>
//在对象中循环
var text=“”；
对于（var i=0；i<（bus.length）；i++）{
如果（结果==公共汽车[i].to）{text=''+公共汽车[i].to+'
-到爱沙尼亚的距离：'+bus[i].距离+'km
-价格：'+bus[i].价格+'euros
'；
alert（“Works！！！！”）；//最后一件事是将其更改为输出“var text”结果
}
};
document.getElementById（“test2”）.innerHTML=text；//如果一切都正确，则应该输出关于所选总线的语句
}

---

谢谢！

在onclick函数本身中传递城市的值

<li><a role="button" onclick="bus('Amsterdam')">Amsterdam</a></li>

---

真不敢相信这么容易……谢谢！：）

<li><a role="button" onclick="bus('Amsterdam')">Amsterdam</a></li>

function bus(value) {
var result=value;
}