<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 6 年前。
javascript - 如何在 <div> 标签之间切换？
<select id="typeselect" name="value" onchange="OnChangeSelect()" >
<option value="1">General</option><br />
<option value="2">Featured</option><br />
</select>
<div id="formbody" class="col-md-12">
<div style="display:none" id="featured-div" disabled>
<?php get_template_part("publish_game_fe") ?>
</div>
<div style="display:block" id="general-div">
<?php get_template_part("publish_game_nr") ?>
</div>
</div>
根据下拉菜单中选择的选项，我想显示“featured-div”或“general-div”
我尝试使用以下脚本
function OnChangeSelect()
{
var e=document.getElementById("typeselect");
var val = e.value;
if(val==1){
document.getElementById("general-div").style.display="block";
// document.getElementById("general-div").style.zIndex = 2;
document.getElementById("featured-div").style.display="none";
//document.getElementById("featured-div").style.zIndex = 1;
}
else{
document.getElementById("general-div").style.display="none";
// document.getElementById("general-div").style.zIndex = 1;
document.getElementById("featured-div").style.display="block";
// document.getElementById("featured-div").style.zIndex = 2;
}
}
表格看起来像这样
当我点击“general-div”的选择图像按钮时，它什么也没做 但是当我点击“featured-div”时的选择图像按钮时，它会打开资源管理器两次。如果我不包括其中一种形式，其他作品就完全没问题。我猜想使用 style.display 隐藏 div 只会使其不可见，而 featured-div 仍然与 general-div 重叠。完成此操作的正确方法是什么？
最佳答案
您可以使用 jQuery 的 show(),hide() 函数代替 display:block 和 display:none 来实现所需的输出
关于javascript - 如何在 <div> 标签之间切换？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38931671/