gpt4 book ai didi

javascript - 根据下拉选择显示 div

转载 作者:行者123 更新时间:2023-12-02 17:55:54 25 4
gpt4 key购买 nike

这是我所拥有的:

<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$('.formbox').hide();
$('#dropdown').change(function() {
$('.formbox').hide();
for(i=1;i<=$(this).val();i++){
$('#witness' + i).show();
}
});
});
</script>
</head>
<body>
<select id="dropdown" name="dropdown" value="{{course}}">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
</label>
<hr>
<table>
<tr>
<td>

<div id="witness1" class="formbox">stuff</div>
<div id="witness2" class="formbox">stuff</div>
<div id="witness3" class="formbox">stuff</div>
<div id="witness4" class="formbox">stuff</div>
<div id="witness5" class="formbox">stuff</div>
<div id="witness6" class="formbox">stuff</div>
<div id="witness7" class="formbox">stuff</div>
<div id="witness8" class="formbox">stuff</div>

</td>
</tr>
</table>
</body>

我想要的是当您选择选项1时,您会看到witness1 div。当您选择选项 2 时,您会同时看到见证人 1 和见证人 2。当您选择选项 3 时,您会看到见证人 1、见证人 2 和见证人 3...等等。

这是一个实例:

http://pr0digy.me/witness.html

任何帮助将不胜感激!谢谢

最佳答案

您忘记包含 jQuery。您需要它才能使用 $。

关于javascript - 根据下拉选择显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20962023/

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