Ajax獲取php返回json數(shù)據(jù)動態(tài)生成select下拉框的實例
功能:根據(jù)選擇不同層次,在專業(yè)下拉框中動態(tài)生成對應分類的專業(yè)。
HTML:
<label>層次</label> <select name="level" id="level"> <option value="1">本科</option> <option value="2">高職(??疲?lt;/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下拉框的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
利用promise及參數(shù)解構封裝ajax請求的方法
這篇文章主要介紹了利用promise及參數(shù)解構封裝ajax請求的方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-01-01ajax 操作全局監(jiān)測,用戶session失效的解決方法
下面小編就為大家?guī)硪黄猘jax 操作全局監(jiān)測,用戶session失效的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06使用ajax實現(xiàn)無刷新改變頁面內(nèi)容和地址欄URL
本文主要詳細介紹了使用ajax和window.history.pushState無刷新改變頁面內(nèi)容和地址欄URL的方法,需要的朋友可以參考下2015-03-03使用Jquery+Ajax+Json如何實現(xiàn)分頁顯示附JAVA+JQuery實現(xiàn)異步分頁
本文給大家介紹基于jquery+ajax+json實現(xiàn)數(shù)據(jù)分頁顯示,以及JAVA+JQuery實現(xiàn)異步分頁,本文代碼簡單易懂,非常具有參考價值,感興趣的朋友一起學習吧2015-10-10Ajax實現(xiàn)靜態(tài)刷新頁面過程帶加載旋轉(zhuǎn)圖片
當然你也可以使用jquery或者ajax寫動態(tài)加載table的方式來實現(xiàn),方式多種多樣,感興趣的朋友可以了解下,希望本文提供的靜態(tài)刷新頁面對你學習ajax有所幫助2013-02-02ajax 異步獲取數(shù)據(jù)實現(xiàn)代碼 (js創(chuàng)建ajax對象)
ajax實現(xiàn)異步獲取數(shù)據(jù)代碼,非常不錯,大家可以參考下,這個是應用于用戶名的實時監(jiān)測。2009-11-11