我试图通过下拉菜单链接到其他 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/