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>