我的第二個下拉列表不工作

這是我的代碼：我的第二個下拉列表不工作

<script type="text/javascript"> 
    function goToNewPage() 
    { 
     var url = document.getElementById('list').value; 
     if(url != 'none') { 
      window.location = url; 
      } 
    } 
</script> 
</head> 
<body> 
<header> 
<nav> 
<a href="gems.html"> 
    <img src="gems-logo.png" alt="Gems Logo" height="120" width="150"> 
</a> 
<ul> 
    <li><a href="gems.html">Home</a></li> 
<select name="list" id="list" accesskey="target"> 
    <option value='none' selected></option> 
    <option value="available-services.html">Available Services</option> 
    <option value="construction.html">Construction Cleaning</option> 
    <option value="maintenance.html">Maintenance Cleaning</option> 
    <option value="residential.html">Residential Cleaning</option> 
    <option value="office.html">Office Cleaning</option> 
    </select> 
<input type=button value="Go" onclick="goToNewPage()" /> 
<select name="drop" id="drop" accesskey="target"> 
    <option value='none' selected></option> 
    <option value="about-gems.html">About Gems</option> 
    <option value="spring-fall.html">Spring/Fall Information</option> 
    <option value="application.html">Apply</option> 
    <option value="pricing.html">Pricing</option> 
    <option value="contact-us.html">Contact Us</option> 
    </select> 
<input type=button value="Go" onclick="goToNewPage()" /> 

</ul> 
</nav> 
</header>

兩個按鈕類型在記事本黃色++和第一個下拉的作品，但第二個是讓我選擇一個選項但按鈕不讓我去我選擇的頁面。我試着重命名按鈕並重命名代碼中的按鈕，例如button1，但是所有給我的是一種搜索欄。

來源

2016-10-19 Jacob McGowen

我意識到你的代碼只是一個片段，但你缺少一些HTML標籤（開放和關閉），這使得任何人都很難幫助你。你能用HTML的整個頁面編輯你的代碼嗎？僅舉一個例子，我看到一個開頭

但沒有清潔。另外，您的選擇不能具有相同的名稱/ ID。 –

關閉所有需要的，我試圖重命名選擇列表，仍然不起作用 –

你可以編輯你的上述文章，並把新的HTML？ –

對，我已經爲你排序，但你正在嘗試做一些你不能做的事情。

正如我所說的，您的下拉列表不能找到與DOM中的其他元素相同的ID或JS無法找到它。
有兩個按鈕調用相同的功能，期望他們做不同的事情是精神。

我在下面提供了一個修改後的代碼版本。

<html> 
    <head> 
     <title></title> 
     <script type="text/javascript"> 
      var goToNewPage1 = function() 
      { 
       var url = document.getElementById('list1').value; 
       if(url != 'none') { 
        window.location = url; 
       } 
      } 

      var goToNewPage2 = function() 
      { 
       var url = document.getElementById('list2').value; 
       if(url != 'none') { 
        window.location = url; 
       } 
      } 
     </script> 
    </head> 
    <body> 
     <header> 
      <nav> 
       <a href="gems.html"> 
        <img src="gems-logo.png" alt="Gems Logo" height="120" width="150"> 
       </a> 
       <ul> 
        <li><a href="gems.html">Home</a></li> 
       </ul> 
       <select name="list1" id="list1" accesskey="target"> 
        <option value="none" selected=""></option> 
        <option value="available-services.html">Available Services</option> 
        <option value="construction.html">Construction Cleaning</option> 
        <option value="maintenance.html">Maintenance Cleaning</option> 
        <option value="residential.html">Residential Cleaning</option> 
        <option value="office.html">Office Cleaning</option> 
       </select> 
       <input type="button" value="Go" onclick="goToNewPage()"> 
       <select name="list2" id="list2" accesskey="target"> 
        <option value="none" selected=""></option> 
        <option value="about-gems.html">About Gems</option> 
        <option value="spring-fall.html">Spring/Fall Information</option> 
        <option value="application.html">Apply</option> 
        <option value="pricing.html">Pricing</option> 
        <option value="contact-us.html">Contact Us</option> 
       </select> 
       <input type="button" value="Go" onclick="goToNewPage()"> 
      </nav> 
     </header> 
    </body> 
</html>

來源

2016-10-20 19:03:58

好吧，非常感謝你 –

我的第二個下拉列表不工作

回答

相關問題