從下拉菜單中選擇表單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

演示：Fiddle

例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(); 
    }); 
    });