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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com