使用<select> </select>创建下拉菜单导航

时间:2012-06-07 19:10:36

标签: html drop-down-menu navigation html-select

我已设法使用html <select>自行删除菜单导航。不过我遇到了一个问题。

我的外部链接不起作用。即Youtube。

以下是代码:

   <select ONCHANGE="location = this.options[this.selectedIndex].value;">

   <option value="" selected="selected">Navigation</option>

   <option value="index.html">Home</option>
   <option value="detroitvideoproduction.html">Video Production</option>
   <option value="locationsounddetroit.html">Location Sound</option>
   <option value="videoeditingdetroit.html">Video Editing</option>
   <option value="custommotiongraphicsdetroit.html">Custom Graphics</option>
   <option value="demoreel.html">Demo Reel</option>
   <option value="http://www.youtube.com/user/VideoDetroitMI?ob=0">You Tube</option>
   <option value="http://vimeo.com/liveoutloudproductions">Vimeo</option>
   <option value="dslrrentalsdetroit.html">Camera Rental</option>
    <option value="lectrosonicsrentalsdetroit.html">Audio Rental</option>
    <option value="griprentalsdetroit.html">Grip Rental</option>
    <option value="camerasupportdetroit.html">Camera Support</option>
    <option value="about.html">About Us</option>
    <option value="contact.html">Contact</option>
                 </select>

如您所见,我有2个外部链接。一个是Vimeo,另一个是Youtube。 当您选择Vimeo时,它可以很好地工作,并带您进入相应的vimeo页面, 但是当你选择Youtube时,它什么都不做。

我知道链接中的URL是正确的,我在发布之前检查了它。

任何人都知道为什么Youtube在Vimeo会工作时不会工作?

3 个答案:

答案 0 :(得分:3)

嗯,你不想听到这个,但它对我来说很好......我复制并粘贴了代码并用Chrome进行了测试,它就很好地进入了你的页面。

答案 1 :(得分:1)

您可能想要改变你onChange: window.location.href = THIS.VALUE

答案 2 :(得分:0)

有些浏览器可能会反对看到?在选择列表中的字符串中。尝试使用TinyURL转换您的YouTube网址。我还没有测试过,但我猜这会解决问题。