在<选项>标记中使用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&nbsp;name="forma"&nbsp;onchange="location&nbsp;=&nbsp;this.value;"> &nbsp;<option&nbsp;value="Home.php">Home</option> &nbsp;<option&nbsp;value="Contact.php">Contact</option> &nbsp;<option&nbsp;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,&nbsp;li)和链接。不要误用表单元素作为链接。拥有屏幕阅读器的读者通常会通过自动生成的链接列表进行扫描-这些重要信息将被忽略。许多键盘导航系统(如JAWS、Opera)为链接和表单元素提供了不同的键盘快捷键。如果您仍然不能放弃select不要使用onchange至少处理。这是一个真正的痛苦键盘用户，它使您的第三项几乎无法访问。