私は最初に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ドロップダウンを選択した後に戻ると、リンクに移動しました。彼は2番目のドロップダウンが見えないブラウザで戻る。
- クロムでは、リストを選択すると、アイテムはコードごとに太字で表示されません。
あなたのコードのようなHTMLヘッダータグの何かを書きます本当に判読できません...一貫してフォーマットして、有効なhtmlを使用してください –
このコードをhtmlファイルとして貼り付けて出力してください。最初のスクリプトは、最初に2番目のドロップダウンを表示し、2番目のドロップダウンの選択に基づいて表示することです。私が直面している問題は上記の通りです – shianra
誰かが解決策を教えてください – shianra