如何使用html select作为导航

Question

如何使用html中的select标记作为导航？

<select>
<a><option></option></a>
</select

我试着把a标签放在选项标签之外，但它仍然不起作用提前谢谢！

Answer 1

嗨@Ivan，

不能在HTML中的元素内部使用标记。

您可以在JavaScript和window.location = "your link"中使用switch语句来实现的这种功能

首先使用ID创建选择标记，并在该标记上添加事件，如<select name="cars" id="cars" onChange="SelectRedirect()"></select>现在使用JavaScript来实现这一点。我正在使用switch语句。

function SelectRedirect() {
switch (document.getElementById("cars").value) {
case "volvo":
window.location = "page";
break;
case "saab":
window.location = "login";
break;
default:
window.location = "../";
break;
}
}

<div>
<label for="cars">Choose a car:</label>
<select name="cars" id="cars" onChange="SelectRedirect()">
<option value="volvo">volvo</option>
<option value="saab">Saab</option>
</select>
</div>

另一种方法是使用onchange事件。

<select onchange="window.location = this.value;">
<option value="">Your page</option>
<option value="page1.html">Page 1</option>
<option value="page2.html">Page 2</option>
<option value="page3.html">Page 3</option>
</select>