在<选项>标记中使用href链接

Question

在<选项>标记中使用href链接我有以下HTML代码：<select name="forma">     <option value="Home">Home</option>     <option value="Contact">Contact</option>     <option value="Sitemap">Sitemap</option></select>我怎么才能家, 接触和Sitemap作为链接的价值观？我使用了以下代码，正如我预期的那样，它没有工作：<select name="forma">     <option value="Home"><a href="home.php">Home</a></option>     <option value="Contact"><a href="contact.php">Contact</a></option>     <option value="Sitemap"><a href="sitemap.php">Sitemap</a></option></select>

Answer 1

<select name="forma" onchange="location = this.value;">
 <option value="Home.php">Home</option>
 <option value="Contact.php">Contact</option>
 <option value="Sitemap.php">Sitemap</option></select>

在这个时代，如果你想要一个下拉菜单，就会有很多有争议的。更好的实施方法。这个答案是对一个直接问题的直接回答，但我不提倡这种面向公众的网站的方法。

Answer 2

你不能使用href标签和选项标签。这样做需要javascript。

<select name="formal" onchange="javascript:handleSelect(this)">

<option value="home">Home</option>

<option value="contact">Contact</option>

</select>

<script type="text/javascript">

function handleSelect(elm)

{

window.location = elm.value+".php";

}

</script>

Answer 3

使用真正的下拉菜单代替：列表(ul, li)和链接。不要误用表单元素作为链接。

拥有屏幕阅读器的读者通常会通过自动生成的链接列表进行扫描-这些重要信息将被忽略。许多键盘导航系统(如JAWS、Opera)为链接和表单元素提供了不同的键盘快捷键。

如果您仍然不能放弃select不要使用onchange至少处理。这是一个真正的痛苦键盘用户，它使您的第三项几乎无法访问。