Ajax獲取php返回json數(shù)據(jù)動態(tài)生成select下拉框的實(shí)例

更新時間：2018年08月14日 09:36:27 作者：jqdfTiTan

今天小編就為大家分享一篇Ajax獲取php返回json數(shù)據(jù)動態(tài)生成select下拉框的實(shí)例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

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

HTML：

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

后臺控制器：

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數(shù)據(jù)動態(tài)生成select下拉框的實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Ajax的使用代碼解析
Ajax被認(rèn)為是(Asynchronous(異步) JavaScript And Xml的縮寫）。現(xiàn)在，允許瀏覽器與服務(wù)器通信而無須刷新當(dāng)前頁面的技術(shù)都被叫做Ajax
2016-11-11
AJAX +SpringMVC 實(shí)現(xiàn)bootstrap模態(tài)框的分頁查詢功能
這篇文章主要介紹了AJAX +SpringMVC 實(shí)現(xiàn)bootstrap模態(tài)框的分頁查詢功能，以及模態(tài)框 ajax分頁實(shí)例代碼分享，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-01-01
ajax實(shí)現(xiàn)修改功能
本文主要介紹了ajax實(shí)現(xiàn)修改功能的相關(guān)資料，具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04
用javascript實(shí)現(xiàn)頁面無刷新更新數(shù)據(jù)
用javascript實(shí)現(xiàn)頁面無刷新更新數(shù)據(jù)...
2006-06-06
iframe式ajax調(diào)用示例
想必大家對ajax調(diào)用有所熟悉，下面為大家介紹下iframe式ajax調(diào)用,需要的朋友可以參考下
2014-02-02
Ajax中通過JS代碼自動獲取表單元素值的示例代碼
如果表單元素不多的情況我們常常會通過GET方式來獲取表單元素值，但如果表單元素非常多，此時就需要用POST方式來獲取表單元素值，那么如何來獲取表單元素值呢
2014-09-09
ajax異步傳值及后端接收參數(shù)的多種方式小結(jié)
這篇文章主要介紹了ajax異步傳值及后端接收參數(shù)的多種方式小結(jié),本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
2023-11-11
詳解Ajax跨域（jsonp）調(diào)用JAVA后臺
本篇文章主要介紹了詳解Ajax跨域（jsonp）調(diào)用JAVA后臺，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
使用Ajax時處理用戶session失效問題的解決方法
這篇文章主要為大家詳細(xì)介紹了使用Ajax時處理用戶session失效問題的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
AJAX入門之XMLHttpRequest慨述
AJAX入門之XMLHttpRequest慨述...
2006-06-06