功能描述

此功能是高级搜索selectpage，高级联动，省市区，选择完之后才能选择下一个，否则禁用，可以输入查询，删除清空后面的下拉内容

如果此文章有帮忙到你，欢迎打赏支持FastAdmin

{field: 'province_id', title: '省',visible: false,      addClass: "selectpage province_id", extend: "data-source='index/selectpage' data-field='name' data-params='{"custom[pid]":0}'"},{field: 'city_id', title: '市',visible: false,    addClass: "selectpage city_id",extend: "data-source='index/selectpage' data-field='name' disabled"},{field: 'area_id', title: '区/县',visible: false,    addClass: "selectpage area_id",extend: "data-source='index/selectpage' data-field='name' disabled"},

这是列表字段， disabled默认禁用

//省市区校 事件处理$(".province_id").data("eSelect", function () {   $('#city_id_text').removeClass('sp_input_off')   $("#city_id_text").removeAttr("disabled");   $('.city_id').selectPageClear()   $('.area_id').selectPageClear()   $("#area_id_text").attr("disabled",'disabled');}).data("eClear", function(){   $("#city_id_text").attr("disabled",'disabled');   $("#area_id_text").attr("disabled",'disabled');   $('.city_id').selectPageClear()   $('.area_id').selectPageClear()});$('.city_id').data('eSelect',function (row) {   $('#area_id_text').removeClass('sp_input_off')   $("#area_id_text").removeAttr("disabled");}).data("eClear", function(){   $("#area_id_text").attr("disabled",'disabled');   $('.area_id').selectPageClear()   $('.campus_id').selectPageClear()}).data('params',function () {   var  province_id =  $("input[name='province_id']").val()   return {custom:{pid:province_id}}});$('.area_id').data('params',function () {   var  city_id =  $("input[name='city_id']").val()   return {custom:{pid:city_id}}}).data("eClear", function(){   $('.campus_id').selectPageClear()}).data('eSelect',function () {   $('.campus_id').selectPageClear()});$('.campus_id').data('params',function () {   var  area_id =  $("input[name='area_id']").val()   if (area_id){       return {custom:{area_id:area_id}}   }})$("#province_id").keyup(function(event){   let province_id = $(this).val()   if (!province_id){       $("#city_id_text").attr("disabled",'disabled');       $("#area_id_text").attr("disabled",'disabled');       $('.city_id').selectPageClear()       $('.area_id').selectPageClear()       $('.campus_id').selectPageClear()   }});$("#city_id").keyup(function(event){   let city_id = $(this).val()   if (!city_id){       $("#area_id_text").attr("disabled",'disabled');       $('.area_id').selectPageClear()       $('.campus_id').selectPageClear()   }});$("#area_id").keyup(function(event){   let area_id = $(this).val()   if (!area_id){       $('.campus_id').selectPageClear()   }});

这里面有键盘抬起事件，eSelect点击选中触发

$('#city_id_text').removeClass('sp_input_off');$("#city_id_text").removeAttr("disabled");

要移除这两个事件，默认禁用的下拉就会变成白色

实现的效果，同学们，有时间的同学可以研究

//在普通搜索渲染后table.on('post-common-search.bs.table', function (event, table) {    var form = $("form", table.$commonsearch);    $("input[name='title']", form).addClass("selectpage").data("source", "auth/adminlog/selectpage").data("primaryKey", "title").data("field", "title").data("orderBy", "id desc");    $("input[name='username']", form).addClass("selectpage").data("source", "auth/admin/index").data("primaryKey", "username").data("field", "username").data("orderBy", "id desc");    //禁用$('#category_id').selectPageDisabled(true);//启用$('#category_id').selectPageDisabled(false);    Form.events.cxselect(form);    Form.events.selectpage(form);}); $('.class_id').data('params',function () {                var  campus_id =  $("input[name='campus_id']").val()                if (campus_id){                    return {custom:{campus_id:campus_id}}                }            })  .data('orderBy',  ['grade desc', 'name desc'])            如果传参那么就要这么加排序的方法 重点           

这里面写selectPageDisabled(true);会报错，没有这个方法,有时间的同学可以底下留言，一起交流，也希望K大佬可以看看这个问题，一起交流

希望以上内容对你有所帮助！如果还有其他问题，请随时提问。 各类知识收集 拥有多年CMS企业建站经验，对 iCMS， LeCMS， ClassCMS， Fastadmin， PbootCMS， PHPCMS， 易优CMS， YzmCMS， 讯睿CMS， 极致CMS， Wordpress， HkCMS， YznCMS， WellCMS， ThinkCMF， 等各类cms的相互转化，程序开发，网站制作，bug修复，程序杀毒，插件定制都可以提供最佳解决方案。