将函数(脚本)链接到下拉列表选择

时间:2016-04-11 22:27:51

标签: html5 drop-down-menu

我有下面的脚本,我希望能够通过在下拉列表中选择一个选项在页面上显示它,但我不知道如何将其链接到下拉列表。

<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapProp = {
center:new google.maps.LatLng(40.748441, -73.985664),
zoom:16,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

这是下拉代码:

    <div id="top_nav">
    <ul>
        <li>Famous Places
            <ul><a href="Empire State Building.html">Empire State Building</a></li>
            <ul><a href="Eifel Tower.html">Eifel Tower</a></li>
            <ul><a href="Olympic Stadium.html">Olympic Stadium</a></li>

        </li>
    </ul>
</div>

2 个答案:

答案 0 :(得分:0)

您可以将onclick添加到锚点

{{1}}

答案 1 :(得分:0)

您必须创建一个值得运行的函数的onClick事件