使用javascript根据其他下拉列表中的选定值启用或禁用下拉列表

当我从下拉列表中选择

Student

选项时，我想从元素中删除属性。如果我选择

教师

，或

职员

，课程和学年级别将禁用，但如果我选择

学生

，它将启用感谢您的回复

HTML:

<div class="control-group">
    <label class="control-label" for="inputPassword">Type:</label>
    <div class="controls">
        <select name="type" id="type" required>
            <option></option>
            <option>Student</option>
            <option>Teacher</option>
            <option>Staff</option>
            <option></option>
        </select>
    </div>
</div>

<div class="control-group">
    <label class="control-label" for="inputPassword">Course Type:</label>
    <div class="controls">
        <select name="course" id="course" required>
            <option></option>
            <option>BSIT</option>
            <option>BSCS</option>
            <option>BSHRM</option>
            <option>BSBM</option>
            <option>BSTM</option>
            <option>COE</option>
            <option></option>                                   
        </select>
    </div>
</div>

<div class="control-group">
    <label class="control-label" for="inputPassword">Year Level:</label>
    <div class="controls">
        <select name="year_level" id="year_level">
            <option> </option>
            <option>First Year</option>
            <option>Second Year</option>
            <option>Third Year</option>
            <option>Fourth Year</option>    
        </select>
    </div>
</div>

<script>    
    document.getElementById('type').onchange = function () {  
        var obj = document.getElementById('course').setAttribute('disabled',this.value=='Student');

        document.getElementById('course').setAttribute('disabled',this.value=='Teacher');
        document.getElementById('year_level').setAttribute('disabled',this.value=='Teacher');

        obj.setAttribute('disabled');
        obj.removeAttribute('disabled');
    }    
</script>

类型：
学生
老师
工作人员
课程类型：
BSIT
平衡计分卡
BSHRM
BSBM
BSTM
科
年份级别：
第一年
第二年
第三年
第四年

这是JavaScript:

<div class="control-group">
    <label class="control-label" for="inputPassword">Type:</label>
    <div class="controls">
        <select name="type" id="type" required>
            <option></option>
            <option>Student</option>
            <option>Teacher</option>
            <option>Staff</option>
            <option></option>
        </select>
    </div>
</div>

<div class="control-group">
    <label class="control-label" for="inputPassword">Course Type:</label>
    <div class="controls">
        <select name="course" id="course" required>
            <option></option>
            <option>BSIT</option>
            <option>BSCS</option>
            <option>BSHRM</option>
            <option>BSBM</option>
            <option>BSTM</option>
            <option>COE</option>
            <option></option>                                   
        </select>
    </div>
</div>

<div class="control-group">
    <label class="control-label" for="inputPassword">Year Level:</label>
    <div class="controls">
        <select name="year_level" id="year_level">
            <option> </option>
            <option>First Year</option>
            <option>Second Year</option>
            <option>Third Year</option>
            <option>Fourth Year</option>    
        </select>
    </div>
</div>

<script>    
    document.getElementById('type').onchange = function () {  
        var obj = document.getElementById('course').setAttribute('disabled',this.value=='Student');

        document.getElementById('course').setAttribute('disabled',this.value=='Teacher');
        document.getElementById('year_level').setAttribute('disabled',this.value=='Teacher');

        obj.setAttribute('disabled');
        obj.removeAttribute('disabled');
    }    
</script>

document.getElementById（'type'）。onchange=function（）{
var obj=document.getElementById（'course'）.setAttribute（'disabled'，this.value=='Student'）；
document.getElementById（'course'）.setAttribute（'disabled'，this.value=='Teacher'）；
document.getElementById（'year_level'）.setAttribute（'disabled'，this.value=='Teacher'）；
obj.setAttribute（“禁用”）；
对象删除属性（“禁用”）；
}    

下拉列表：

---

示例：

要再次启用下拉列表，需要使用以下代码删除

禁用的
属性：

document.getElementById('course').removeAttribute('disabled');

我有。代码如下：

     document.getElementById('type').onchange = function () {
     alert("selected value = "+this.value);
     if(this.value == "Student")
     {
            document.getElementById('course').removeAttribute('disabled');
document.getElementById('year_level').removeAttribute('disabled');

     }
     else
     {
            document.getElementById('course').setAttribute('disabled', true);
                    document.getElementById('year_level').setAttribute('disabled', true);

     }
      }  

你做得很好！！非常感谢你，我的朋友！！！我花了5个小时来写这段代码，你可以用1分钟来解决它，谢谢！上面写着“谢谢你的反馈！那些声誉低于15的人所投的票会被记录下来，但不会改变公开显示的帖子分数。”对不起，我只是一个30分钟前刚刚创建这个帐户的新用户，我会帮你确定谢谢你