Ajax獲取php返回json數據動態生成select下拉框的實例

功能：根據選擇不同層次，在專業下拉框中動態生成對應分類的專業。

HTML：

<label>層次</label>
<select name="level" id="level">
 <option value="1">本科</option>
 <option value="2">高職（?？疲?lt;/option>
</select>
<label>專業</label>
<select name="major" id="major">
 <option value="">--</option>
</select>

JQuery：

$("#level").click(function(){
      $.ajax({
       type:"POST",
       url:"{:U("Target/queryMajor")}",
       dataType: "json",
       data:{
level:$("#level").val()
       },
       success:function(data){
$("#major").empty();
switch (data.status){
 case "1":
  $("#major").append("<option value="" >--</option>");
  $.each(data.data,function(index,val){
   $("#major").append("<option value="+val.major+" >"+val.major+"</option>");
  });
  break;
 case "0":
  $("#major").append("<option value="" >--</option>");
  break;
}
return false;
       }
      });
      return false;
     });

后臺控制器：

public function queryMajor()
 {
 if(I("post.level") == 1){$ccmc = "本科";}else{$ccmc = "高職（?？疲?;}
 $dao = M("Plan");
 $condition["ccmc"] = $ccmc;
 $record = $dao->where($condition)->field("major")->select();
 if($record != null){
 $this->ajaxReturn($record,"","1");
 }else{
 $this->ajaxReturn("","","0");
 }
 }

以上這篇Ajax獲取php返回json數據動態生成select下拉框的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。