css
<style>
index{
display: block;
}
inputshow{
display: none;
}
</style>
body
<select name="inputshow" id="head">
<option value="1">语文</option>
<option value="2">英语</option>
<option value="3">数学</option>
</select>
<div>
<select name="index" class="second">
<option value="1">中国好嗓门</option>
<option value="2">中国好嗓门</option>
<option value="3">中国好嗓门</option>
</select>
<select name="index" class="second">
<option value="1">Great English</option>
<option value="2">Great English</option>
<option value="3">Great English</option>
</select>
<select name="index" class="second">
<option value="1">110 120 119</option>
<option value="2">110 120 119</option>
<option value="3">110 120 119</option>
</select>
</div>
jq
<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
$("select[name='index']").css("display","none")
$("#head").change(function (){
let number=$("#head option:checked").index();
$("select[name='index']:eq("+number+")").show().end();
$("select[name='index']:eq("+number+")").siblings().hide();
})
</script>