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

Question

我已经设法让自己使用 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 可以吗？

Answer 1

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