Ajax獲取php返回json數據動態(tài)生成select下拉框的實例
更新時間:2018年08月14日 09:36:27 作者:jqdfTiTan
今天小編就為大家分享一篇Ajax獲取php返回json數據動態(tài)生成select下拉框的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
功能:根據選擇不同層次,在專業(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數據動態(tài)生成select下拉框的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
ajax 操作全局監(jiān)測,用戶session失效的解決方法
下面小編就為大家?guī)硪黄猘jax 操作全局監(jiān)測,用戶session失效的解決方法。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
使用Jquery+Ajax+Json如何實現分頁顯示附JAVA+JQuery實現異步分頁
本文給大家介紹基于jquery+ajax+json實現數據分頁顯示,以及JAVA+JQuery實現異步分頁,本文代碼簡單易懂,非常具有參考價值,感興趣的朋友一起學習吧2015-10-10
ajax 異步獲取數據實現代碼 (js創(chuàng)建ajax對象)
ajax實現異步獲取數據代碼,非常不錯,大家可以參考下,這個是應用于用戶名的實時監(jiān)測。2009-11-11

