隱藏下拉沒有顯示時，我按回到了鍍鉻

-1

我有2個下拉，基於第一，第二會出現和基於2下拉選項將採取它提到的頁面。面對隱藏下拉沒有顯示時，我按回到了鍍鉻

<html> 
<style type="text/css"> 
    #navMenu { 
     margin: 70px; 
     padding: 40px; 
      } 
    #navMenu select { 
     color: #000; 
     background: #CD5C5C; 
     font-size: 15px; 
     font-weight: bold; 
     padding: 2px 10px; 
     width: 200px; 
     font-family:"Calibri",cursive; 
     text-align:center; 
      } 
    .hiddenMenu { 
     display: none; 
       } 
    .visibleMenu { 
     display: inline; 
       } 
     </style> 

      <script type="text/javascript"> 
       var lastDiv = ""; 
       function showDiv(divName) 
       { 
       if (lastDiv) 
       { 
        document.getElementById(lastDiv).className = "hiddenMenu"; 
       } 
       if (divName && document.getElementById(divName)) 
       { 
        document.getElementById(divName).className = "visibleMenu"; 
        lastDiv = divName; 
       } 
       } 
      </script> 


     <body bgcolor="#87CEFA"> 
     <div id="wrapper"> 
     <div id="navMenu"> 
      <select name="category" id="statename" onchange="showDiv(this.value);"> 
       <option value="-1"><b>--Select State--</b></option> 
       <option>one</option> 
       <option>two</option> 
       <option>three</option> 
       <option>four</option> 
       <option>five</option> 
       <option>six</option> 
       <option>seven</option> 
      </select> 
      <br class="clearFloat" /></br> 

      <form id="aform"> 
       <p id="one" class="hiddenMenu"> 
        <select id="mymenu" size="1"> 
         <option value="">--select--</option> 
         <option value="http://google.com">one selected</option> 
         <option value="http://google.com">two selected</option> 
        </select> 
      </form> 
      </p> 
      <script language="javascript"> 
       var selectmenu=document.getElementById("mymenu") 
       selectmenu.onchange=function() 
       { 
        var chosenoption=this.options[this.selectedIndex] 
        if (chosenoption.value!="nothing") 
        { 
         window.open(chosenoption.value,"_parent") 
        } 
       } 
      </script> 

    </div></div> 
</body> 
</html>

問題：

代碼

在IE6中隱藏下拉不工作

如何使兼容的代碼，所有的瀏覽器

在鉻中，當我們選擇2下拉之後按回來時，它移動到鏈接t他在瀏覽器中按下第二個下拉菜單是看不到的。

在Chrome中，當我選擇列表中的項目不會出現在大膽每代碼。

來源

2012-01-03 shianra

代碼真的是不可讀...請格式化一致，並使用有效的HTML – 2012-01-03 12:36:11

請複製粘貼此代碼的HTML文件，然後查看輸出。第一個腳本是基於第一個顯示第二個下拉菜單，並基於Web打開的第二個下拉菜單的選擇。我面臨的問題是上面 – shianra 2012-01-03 13:00:58

有人提到告訴我 – shianra 2012-01-04 06:33:21

IE6的問題是各地計算器！這是一個愚蠢的瀏覽器，它不應該在一個版本與它兼容的工作時間。

有關使代碼兼容所有瀏覽器有時你會需要建立一個完全新的CSS文件只是爲了得到一些瀏覽器兼容的，你會在你寫HTML標題標籤像這樣

<!--[if lt IE 8]> 
    <link rel="stylesheet" href="css/masterie.css" /> 
    <![endif]--> 
    <!--[if !lt IE 8]><!--> 
    <link rel="stylesheet" href="css/master.css" /> 
    <!--<![endif]-->

來源

2012-01-04 21:39:48 mhyassin

這不是工作的解決方案。看到相同的行爲。請幫我下面提到。面臨的問題： - >在IE6中，隱藏下拉不起作用 - >如何使代碼兼容所有瀏覽器 - >在Chrome中，當我們按下後，選擇2下拉後，它移動到鏈接，按回在瀏覽器中沒有看到第二個下拉菜單。 - >在Chrome中，當我選擇列表時，按代碼不會以粗體顯示項目。 – shianra 2012-01-05 07:06:56

隱藏下拉沒有顯示時，我按回到了鍍鉻

回答

相關問題