2012-06-07 30 views
5

我設法使自己下拉菜單導航與html <select>。不過,我遇到了一個問題。使用<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會?

+1

哪個瀏覽器你在測試? – MaxVT

+0

我們放棄了很久以前,並用Wordpress重建網站。 – timatgetdim

+0

對於它的價值,只需在Safari 9中測試這個解決方案,它仍然可以正常工作。 – Kaji

回答

3

那麼你不會想聽到這個,但它對我來說工作得很好......我複製並粘貼代碼,並用Chrome進行測試,它進入了你的頁面。

0

有些瀏覽器可能會反對看到一個?在選擇列表中的字符串中。嘗試使用TinyURL轉換您的YouTube網址。我還沒有測試過,但我猜測這樣做會訣竅。

1

你可能想改變你這個平變化: window.location.href = THIS.VALUE