2012-01-03 7 views
-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 он отжимает назад в браузере, второй снимок не виден.
  • В хром, когда я выбираю список, элементы не отображаются жирным шрифтом в соответствии с кодом.
+3

кода на самом деле нечитаемый ... пожалуйста, форматируйте последовательно и используйте действительный html –

+0

Скопируйте этот код в виде html-файла и посмотрите результат. Первый скрипт должен отображать второй раскрывающийся список, основанный на первом, и на основе выбора второго раскрывающегося списка веб-страницы. проблема, с которой я столкнулся, упоминается выше – shianra

+0

Кто-нибудь скажет мне решение – shianra

ответ

0

проблема с IE6 на всем протяжении stackoverflow! Это глупый браузер, и он не заслуживает времени, работая над версией, совместимой с ним.

о том, чтобы код совместит со всеми браузерами иногда вам нужно будет построить совершенно новый файл 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]--> 
+0

Это не работает. Такое же поведение наблюдается. Пожалуйста, помогите мне по указанному ниже. Проблемы, с которыми столкнулись: -> В IE6 скрытый снимок не работает -> как сделать код совместимым для всех браузеров -> В хроме, когда мы нажимаем назад после выбора 2 выпадающего, он перемещается в ссылку, в браузере второй снимок не отображается. -> В хроме, когда я выбираю список, элементы не отображаются жирным шрифтом в соответствии с кодом. – shianra

Смежные вопросы