javascript - 如何根据其他下拉选择的值显示下拉选择？

Question

假设我有一个如下所示的下拉选择选项:

 <form>
    <select name="option" >
                <option value="">Select a Value:</option>
                <option value="1">Option 1</option>
                <option value="2">Option 2</option>

    </select>
</form>

当任何用户选择选项 1 时，我想立即在其旁边显示以下下拉选择

 <select name="name" >
                <option value="">Select a person:</option>
                <option value="john">john</option>
                <option value="Micheal">Micheal</option>

    </select>

或者，如果任何用户选择选项 2，我想立即在其旁边显示以下下拉选择

 <select name="class" >
                <option value="">Select a person:</option>
                <option value="Class 1">Class 1</option>
                <option value="Class 2">Class 2</option>

    </select>

请您告诉我如何做到这一点好吗？ 我正在使用 Codeigniter。

Answer 1

$('select[name="option"]').change(function(){
    $('.hidden').hide();
    if(this.value == 1){
        $('select[name="name"]').toggle();
    }
    else if(this.value == 2){
        $('select[name="class"]').toggle();
    }
});

fiddle :http://jsfiddle.net/maniator/Z6Upj/