Javascript JS下拉菜单

使用下拉菜单（“选择城市”，该城市以结果为中心的谷歌地图）最快的方法是什么

我真的需要轻松浏览一些论坛和例子，但问题是，我今天的截止日期很紧

我对js/css没有太多经验。我是否需要获得引导主题和样式这个下拉菜单等，或者我可以用我自己的js/css创建它

谢谢

---

（同样，对于没有进行太多研究的问题，很抱歉，这是一个例外，对我来说不是规则。）

我会使用HTML的

select

和

选项

标记

然后像这样创建一些css样式

select，选项{
宽度：200px；
颜色：蓝色；
边缘底部：15px；
字号：1em；
}

维尔纽斯
考纳斯
克莱佩达
唾液酸
帕纳维兹

我会使用HTML的

选择

和

选项

标记

然后像这样创建一些css样式

select，选项{
宽度：200px；
颜色：蓝色；
边缘底部：15px；
字号：1em；
}

维尔纽斯
考纳斯
克莱佩达
唾液酸
帕纳维兹

这个问题为谷歌地图在任意纬度和经度上居中提供了一个解决方案

对于列表中的每个城市，您都希望找出纬度和经度，并将它们存储在JavaScript对象中，甚至使用各自的选项存储在DOM中

<select>
     <option data-lat="<latitude>" data-long="<longitude>">Location 1</option>
     <option data-lat="<latitude>" data-long="<longitude>">Location 2</option>
     <option data-lat="<latitude>" data-long="<longitude>">Location 3</option>
</select>

地点1
地点2
地点3

然后将事件处理程序添加到监视更改的选择框中，从选择框中获取当前选定的值，获取该城市的纬度和经度，不管您选择如何存储它，并将这些值插入引用问题的代码段中

var locationSelectorHandler=函数（e）{
var位置=此值；
var lat=this.dataset.lat；
var long=this.dataset.long；
//由此问题
document.getElementById（“”.setCenter（新的google.maps.LatLng（lat，long））；
};
locationSelector.addEventListener（“更改”，locationSelectorHandler）；

这个问题为谷歌地图在任意纬度和经度上居中提供了一个解决方案

对于列表中的每个城市，您都希望找出纬度和经度，并将它们存储在JavaScript对象中，甚至使用各自的选项存储在DOM中

<select>
     <option data-lat="<latitude>" data-long="<longitude>">Location 1</option>
     <option data-lat="<latitude>" data-long="<longitude>">Location 2</option>
     <option data-lat="<latitude>" data-long="<longitude>">Location 3</option>
</select>

地点1
地点2
地点3

然后将事件处理程序添加到监视更改的选择框中，从选择框中获取当前选定的值，获取该城市的纬度和经度，不管您选择如何存储它，并将这些值插入引用问题的代码段中

var locationSelectorHandler=函数（e）{
var位置=此值；
var lat=this.dataset.lat；
var long=this.dataset.long；
//由此问题
document.getElementById（“”.setCenter（新的google.maps.LatLng（lat，long））；
};
locationSelector.addEventListener（“更改”，locationSelectorHandler）；