网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

layui中如何实现地区三级联动formselect渲染

这篇文章将为大家详细讲解有关layui中如何实现地区三级联动form select渲染,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联成立以来不断整合自身及行业资源、不断突破观念以使企业策略得到完善和成熟,建立了一套“以技术为基点,以客户需求中心、市场为导向”的快速反应体系。对公司的主营项目,如中高端企业网站企划 / 设计、行业 / 企业门户设计推广、行业门户平台运营、成都App定制开发手机网站制作、微信网站制作、软件开发、托管服务器等实行标准化操作,让客户可以直观的预知到从成都创新互联可以获得的服务效果。

如下所示:

html



 
  所在城市 :

  
   
    请选省份
   
  
           请选择市       
 

js

// 初始数据
 var areaData = ;
 var $form;
 var form;
 var $;
 layui.use(['jquery', 'form'], function() {
  $ = layui.jquery;
  form = layui.form;
  $form = $('form');
  loadProvince();
  console.log(areaData);
  var pi = 0;

  for (var index in areaData) {
   if (areaData[index]['provinceCode'] == {{ $assset_auth->province or 0 }}) {
    var proid = {{$assset_auth->province}};
    console.log(proid+'---proid') //当前是355
    var province_value = areaData[index]['provinceCode']+'_'+areaData[index]['mallCityList'].length+'_'+pi;
    console.log(province_value+'--------province_value') //当前是 355_1_42

    $("#province").find("option[value='"+province_value+"']").attr("selected", true);
    // 载入city
    loadCity(areaData[index]['mallCityList']);

    var ci = 0;
    for (var ci in areaData[index]['mallCityList']) {
     if (areaData[index]['mallCityList'][ci]['cityCode'] == {{ $assset_auth->city or 0 }}) {
      var city_value = areaData[index]['mallCityList'][ci]['cityCode']+'_0_'+ci;
      $("#city").find("option[value='"+city_value+"']").attr("selected", true);
     }
     ci++;
    }
   }
   pi++;
  }
  layui.form.render('select','boardFilter');
 });

这是select 选择证件 额外赠送



 
  证件类型 :
  
   
    请选证件类型
    card_category==1 ? 'selected' : '') : '' }}>身份证
    card_category==2 ? 'selected' : '') : '' }}>军官证
    card_category==3 ? 'selected' : '') : '' }}>护照
    card_category==4 ? 'selected' : '') : '' }}>港澳通行证
    card_category==5 ? 'selected' : '') : '' }}>台胞证
   
  
 

关于“layui中如何实现地区三级联动form select渲染”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


本文标题:layui中如何实现地区三级联动formselect渲染
文章链接:http://bjjierui.cn/article/gdhpod.html

其他资讯