JavaScript 中的超链接和下拉菜单

hyperlink and dropdown menu in javascript

本文关键字：下拉菜单 超链接 JavaScript      更新时间：2023-09-26
<html>
<head>
<script type="text/javascript">
window.addEventListener("load",go,false);
function go()
{
 var e = document.getElementById("dropdown");
 e.addEventLisnter("change",trigger,false);
}
function trigger(e)
{
 var url = e.option[e.selectedIndex].value;
 window.open(url);
 window.confirm("url successfull open");
}
</script>
</head>
<body>
<form action="#">
<select id="dropdown">
    <option value="">Choose a destination...</option>
    <option value="http://www.yahoo.com/">YAHOO</option>
    <option value="http://www.google.com/">GOOGLE</option>
    <option value="http://www.altavista.com/">ALTAVISTA</option>
    <option value="http://www.amazon.com/">AMAZON</option>
    <option value="http://artlung.com/">ARTLUNG</option>
</select>
</form>
</body>
</html>

我访问了许多站点以找到代码的解决方案，我的程序正在帮助用户在选择下拉菜单后打开一个新窗口。 我发现处理dropbox的语法被选中了索引和选项。 但是当我应用它时，它根本不起作用，我能知道我的错误在哪里吗？我的参考链接
使用 JavaScript 获取下拉列表中的选定值？

http://lab.artlung.com/dropdown/jquery，onchange方法是不允许的，它必须使用javascript和addEventListener

请按如下方式更新您的JS代码：

            <script type="text/javascript">
            window.addEventListener("load",go,false);

            function go()
            {
             var e = document.getElementById("dropdown");
             e.addEventListener("change",trigger,false);
            }
            function trigger()
            {
            var e = document.getElementById("dropdown");
             var url = e.options[e.selectedIndex].value;
             window.open(url);
             window.confirm("url successfull open");
            }
            </script>
相关文章：