个人中心
gpt4 book ai didi

html - 通过下拉菜单链接到 HTML 中的其他页面

转载 作者：搜寻专家 更新时间：2023-10-31 02:25:26 25 4
gpt4 key购买 nike

我试图通过下拉菜单链接到其他 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 页面以在布局之间交替，我怎样才能让它工作？

最佳答案

你可以试试这个

<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>

关于html - 通过下拉菜单链接到 HTML 中的其他页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19843373/

25 4 0
文章推荐： html - 从脚本 src 中去除 referer
文章推荐： html - 如果不在元元素上，我应该在哪里指定我的字符集？
文章推荐： html - 更改 iframe src onchange 的下拉值
文章推荐： html - 为什么要使用 标签？