jquery ajax从数据库获取数据实现三级联动下拉框

今天在做练习的时候需要做一个三级联动的下拉框，大概内容就是第一个下拉框显示学院，第二个下拉框显示该学院所有专业，第三个下拉框为该专业所有班级。分享出来供大家参考和批评指正，代码如下;
html部分;

 <select id="collegeid"  underline="true">
        <option >学院</option>
    </select>
    <select id="majorid" underline="true">
        <option value="">专业</option>
    </select>
    <select id="clazzid"  underline="true">
        <option value="">班级</option>
    </select>

js部分：

       function querycollege(){

           $.post("querycollege","",function (jsonObj){
               var jsonObj = JSON.parse(jsonObj);
               // console.log(jsonObj)
               var options = "";
               for(var i = 0; i < jsonObj.length; i  ) {
                   var college = json