gpt4 book ai didi

JavaScript - 根据表单选择显示/隐藏 Div(回发)

转载 作者:行者123 更新时间:2023-11-28 15:45:06 25 4
gpt4 key购买 nike

我有一个表单,用于更新数据库中的一组现有信息。其中有一个选择框,当选择选项“B”时,它会显示一个隐藏部分,而在选项“A”上,它将隐藏该部分。这很好用。

但是,当我从数据库加载记录集并且选择框设置为选项“B”以显示隐藏的 div 时,它没有显示。

这是因为我正在使用“onchange”切换 DIV 标签。

如何让 JS 在加载记录集时正确显示 DIV 标签?目前要查看数据,我必须在两个选项之间切换选择框。

我对 JS 几乎一无所知,下面的 JS 不是我的,我希望得到一些帮助。

谢谢

<!--- show / hide DIV based on select --->

<script type="text/javascript"><!--
var lastDiv = "";
function showDiv(divName) {
// hide last div
if (lastDiv) {
document.getElementById(lastDiv).className = "hiddenDiv";
}
//if value of the box is not nothing and an object with that name exists, then change the class
if (divName && document.getElementById(divName)) {
document.getElementById(divName).className = "visibleDiv";
lastDiv = divName;
}
}
//-->
</script>
<style type="text/css" media="screen"><!--
.hiddenDiv {
display: none;
}
.visibleDiv {
display: block;
border: 0px grey solid;
}

--></style>
<!--- end DIV hide --->



--------------snip----------



<select name="ad_i" id="ad_i" onchange="showDiv(this.value);">
<option value="in" <? echo $adtypea; ?> >Option A </option>
<option value="ba" <? echo $adtypeb; ?> >Option B</option>
</select>

<!--- start hiding DIV --->

<div class="hiddenDiv" id="ba">

<br /><br />Coding for Ad<br />

<select name="ad_type" id="ad_type">
<option value="html" <? echo $codestylea; ?> >HTML</option>
<option value="adsense"<? echo $codestylef; ?>>Adsense / Other JavaScript Code</option>
<option value="img" default="default" <? echo $codestyleb; ?>>Image</option>
<option value="swf" <? echo $codestylec; ?>>Flash</option>
</select>


</div>
<!--- end Div for hidden--->

最佳答案

呈现选择框和要显示/隐藏的 div 后调用:

<script type="text/javascript">
var selectbox = document.getElementById("ad_i");
showDiv(selectbox.options[selectbox.selectedIndex].value);
</script>

所以我觉得应该在之后

<!--- end Div for hidden--->

关于JavaScript - 根据表单选择显示/隐藏 Div(回发),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5777083/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com