logo标签列表

通过下拉菜单在HTML中链接到其他页面

htmldrop-down-menu
6

我正在尝试通过下拉菜单链接到其他html页面，我尝试了各种代码，但似乎无法使其工作。我正在使用以下代码:

    <form name="dropdown">
<select name="list" accesskey="target">
<option selected>Choose a theme</option>
<option value="index.html">Theme 1</option>
<option value="theme2.html">Theme 2</option>
<option value="theme3.html">Theme 3</option>
<select>
<input type=button value="Go" onclick="goToNewPage(document.dropdown.list)">

我有不同布局的html页面，如何在这些页面之间交替使用布局？
1个回答
14

你可以尝试这个

<form>
<select name="list" id="list" accesskey="target">
    <option value='none' selected>Choose a theme</option>
    <option value="index.html">Theme 1</option>
    <option value="theme2.html">Theme 2</option>
    <option value="theme3.html">Theme 3</option>
</select>
<input type=button value="Go" onclick="goToNewPage()" />
</form>

JS：（将这段代码放入您的<head>...</head>部分）

<script type="text/javascript">
    function goToNewPage()
    {
        var url = document.getElementById('list').value;
        if(url != 'none') {
            window.location = url;
        }
    }
</script>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接