select change()

 $(".learnStageId").change(function(){
     var id = $(this).val();
     $(".gradeId").find("option").remove();
     $.get("/grades?learn_stage_id=" + id,function(data){
         var option = "";
         for(var i=0,n = data.length; i<n;i++){
             option += "<option value=" + data[i].id +">" + data[i].name + "</option>";
         }
         $(".gradeId").html(option);

     })
 }).change(); //绑定这个事件，但立即又触发一次这个事件。 //这样就可以把默认的那个数据取出来

 <div class="input-group-btn col-sm-8">
      <select class="form-control learnStageId" name="learnStageId">
          <option value="1" selected="selected">幼儿园</option>
          <option value="2">小学</option>
          <option value="3">初中</option>
          <option value="4">高中</option>
     </select>
  </div>