功能：根據(jù)選擇不同層次，在專(zhuān)業(yè)下拉框中動(dòng)態(tài)生成對(duì)應(yīng)分類(lèi)的專(zhuān)業(yè)。

HTML：

<label>層次</label>
<select name="level" id="level">
 <option value="1">本科</option>
 <option value="2">高職（專(zhuān)科）</option>
</select>
<label>專(zhuān)業(yè)</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;
     });

后臺(tái)控制器：

public function queryMajor()
 {
 if(I("post.level") == 1){$ccmc = "本科";}else{$ccmc = "高職（專(zhuān)科）";}
 $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數(shù)據(jù)動(dòng)態(tài)生成select下拉框的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持。