從下拉菜單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"

當我選擇第6類時，將顯示表單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();
    });
    });