从下拉表单菜单jquery中选择表单

Question

我想建立一个学校管理系统。所以我试着从菜单中选择班级，然后用一个标记输入字段显示所选的班级学生id。

下拉菜单

Class 6,
Class 7,
Class 8

输入

form id=6
student id:1
input type="marks"

student id:2
input type="marks"

类似的

form id=7
student id:1
input type="marks"

student id:2
input type="marks"

当我选择六年级的时候，表格id=6就会显示出来。有可能吗?？

Answer 1

演示：小提琴

示例HTML：

<select id="class_num">
    <option val=""></option>
    <option val="6">6</option>
    <option val="7">7</option>
    <option val="8">8</option>
</select>
<form id="6">
    <input type="text" value="class 6"/>
</form>
<form id="7">
    <input type="text" value="class 7"/>
</form>

<form id="8">
    <input type="text" value="class 8"/>
</form>

Jquery：

$("form").hide();
$("#class_num").change(function(){
     $("#"+$(this).val()).show();
});

Answer 2

    Consider your Dropdown menu id was "ClassName"

    ** Jquery ** 

    $(function(){
    $('form').hide(); // hide all form
    $('#ClassName').change(function(){
    $('form').hide();
    $('form[id="'+$(this).val()+'"]').show();
    });
    });