使用< option>内部的href链接标签 [英] using href links inside <option> tag

问题描述

我有以下HTML代码：

 < select name =forma> 
< option value =Home>主页< / option> 
< option value =联系人>联系人< / option> 
< option value =Sitemap> Sitemap< / option> 
< / select> 
  

如何制作首页，联系人和 Sitemap 值作为链接？
我使用了下面的代码，正如我预期的那样：

 < select name =forma > 
< option value =Home>< a href =home.php>主页< / a>< / option> 
< option value =联系人>< a href =contact.php>联系人< / a>< / option> 
< option value =Sitemap>< a href =sitemap.php> Sitemap< / a>< / option> 
< / select> 
  

解决方案

 <选择name =formaonchange =location = this.value;> 
< option value =Home.php>主页< / option> 
< option value =Contact.php>联系人< / option> 
< option value =Sitemap.php> Sitemap< / option> 
< / select> 
  

UPDATE（2015年11月）：在这个时代，如果你想有一个下拉菜单有很多可以说是更好的实现方法这个答案直接回答了一个直接问题，但我并不主张这种方法适用于面向公众的网站。

I have the following HTML code:

<select name="forma">
    <option value="Home">Home</option>
    <option value="Contact">Contact</option>
    <option value="Sitemap">Sitemap</option>
</select>

How can I make Home, Contact and Sitemap values as links? I used the following code and as I expected it didn't work:

<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>

解决方案

<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>

UPDATE (Nov 2015): In this day and age if you want to have a drop menu there are plenty of arguably better ways to implement one. This answer is a direct answer to a direct question, but I don't advocate this method for public facing web sites.

这篇关于使用< option>内部的href链接标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！