select change() 

 2 $(".learnStageId").change(function(){
 3     var id = $(this).val();
 4     $(".gradeId").find("option").remove();
 5     $.get("/grades?learn_stage_id=" + id,function(data){
 6         var option = "";
 7         for(var i=0,n = data.length; i<n;i++){
 8             option += "<option value=" + data[i].id +">" + data[i].name + "</option>";
 9         }
10         $(".gradeId").html(option);
11 
12     })
13 }).change();15 //绑定这个事件，但立即又触发一次这个事件。18 //这样就可以把默认的那个数据取出来
1 <div class="input-group-btn col-sm-8">    
2      <select class="form-control learnStageId" name="learnStageId">
3          <option value="1" selected="selected">幼儿园</option>
4          <option value="2">小学</option>
5          <option value="3">初中</option>
6          <option value="4">高中</option>
7     </select>
8  </div>

 

posted @ 2017-05-03 16:30  boyanh  阅读(1953)  评论(0)    收藏  举报