У меня есть 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 он отжимает назад в браузере, второй снимок не виден.
- В хром, когда я выбираю список, элементы не отображаются жирным шрифтом в соответствии с кодом.
кода на самом деле нечитаемый ... пожалуйста, форматируйте последовательно и используйте действительный html –
Скопируйте этот код в виде html-файла и посмотрите результат. Первый скрипт должен отображать второй раскрывающийся список, основанный на первом, и на основе выбора второго раскрывающегося списка веб-страницы. проблема, с которой я столкнулся, упоминается выше – shianra
Кто-нибудь скажет мне решение – shianra