具有 onclick 功能的跳转菜单答案

【问题标题】：Jump menu with onclick function具有 onclick 功能的跳转菜单
【发布时间】：2021-11-18 13:10:58
【问题描述】：

我想将带有 onclick 事件的链接与 <a href="#" onclick="fireMarker(1);">Map Marker URL 1</a> 和 <a href="#" onclick="fireMarker(2);">Map Marker URL 2</a> 之类的函数集成到跳转菜单中，例如

<select id="selectbox" name="" onchange="javascript:location.href = this.value;">
    <option value="https://www.yahoo.com/" selected>Option1</option>
    <option value="https://www.google.co.in/">Option2</option>
    <option value="https://www.gmail.com/">Option3</option>

</select>

或

<select onchange="fireMarker(this);">
    <option value="15">1</option>
    <option value="16">2</option>
    <option value="18">3</option>
</select>

fireMarker 函数是：

 function fireMarker(id){
                    google.maps.event.trigger(markers[id], 'click');
                    markers[id].setAnimation(google.maps.Animation.DROP);
                    markers[id].setVisible(true);
                    }

当我单击一个选项时，我希望它以 Map Marker URL 格式执行 url。我希望在同一页面上有多个跳转菜单谢谢

【问题讨论】：

尝尝这个：stackoverflow.com/questions/3487263/…

标签： javascript html drop-down-menu

【解决方案1】：

将 onchange="fireMarker(this); 替换为 onchange="fireMarker(value)"

喜欢：

<html>
<head>  
<script type="text/javascript">
    function fireMarker(id) {
        google.maps.event.trigger(markers[id], 'click');
        markers[id].setAnimation(google.maps.Animation.DROP);
        markers[id].setVisible(true);
   }
</script>
</head>
<body>
    <select onchange="fireMarker(value)">
        <option value="15">1</option>
        <option value="16">2</option>
        <option value="18">3</option>
    </select>
</body>

【讨论】：

太棒了。工作完美。你摇滚！ :)