想给公司做个网站怎么做,小程序名称大全,更新电脑版wordpress,网站如何做实名验证码fastadmin学习笔记----- fastadmin下拉框联动
学习笔记
下拉框联动
在项目中经常需要用到下拉框联动。网上的资料多有不全#xff0c;所以根据自身经验#xff0c;以笔记的形式发布出来。仅供参考。
上边的“ 状态 ” 下拉框用的动态下拉框#xff0c;就是#xff0c;s…fastadmin学习笔记----- fastadmin下拉框联动
学习笔记
下拉框联动
在项目中经常需要用到下拉框联动。网上的资料多有不全所以根据自身经验以笔记的形式发布出来。仅供参考。
上边的“ 状态 ” 下拉框用的动态下拉框就是statelist 为后端传过来的数据绑定到下拉框。
下边的 子状态 下拉框是根据状态下拉框的改变而进行改变。 div classform-grouplabel classcontrol-label col-xs-12 col-sm-2{:__(状态)}:/labeldiv classcol-xs-12 col-sm-8select idc-stateId data-rulerequired classform-control selectpicker namerow[stateId]option value0 请选择状态/option{foreach nameStateList itemvo}option value{$vo.id} {$vo.title}/option{/foreach}/select/div/divdiv classform-grouplabel forc-machine_list_state classcontrol-label col-xs-12 col-sm-2{:__(子状态)}:/labeldiv classcol-xs-12 col-sm-8select idc-fi_Sub data-rulerequired classform-control namerow[title]option value0 请选择状态/option/select/div/div通过 js 阿贾克斯ajax进行传递
// 机台状态下拉框选中值时$(document).on(change, #c-stateId, function () {var thisval$(this).val();Fast.api.ajax({ url: state/State,data: {thisval: thisval},}, function (data, ret) {console.log(data);$(#c-fi_Sub).html(data.html);return false;}, function (data, ret) {//如果失败的回调alert(ret.msg);return false;});});这是后端数据。 public function State(){$mciSerId $this-request-post(thisval);if($mciSerId){$backData [];exit;}$rsListDb::name(state_list)-field(id,pid,title)-where( pid$mciSerId )-order(id ASC)-select();$htmloption value0请选择状态/option;if(isset($rsList)){foreach ($rsList as $k$v){$html. option value.$v[id]. .$v[title]./option;}}$data[];$data[html]$html;$backData[];$backData[msg]成功;$backData[code]1;$backData[data]$data;return json($backData);}
以上是下拉框联动。
如转载请标明出处谢谢。