一級(jí)下拉列表的監(jiān)聽(tīng)事件

 //監(jiān)聽(tīng)一級(jí)服務(wù)目錄下拉列表的選擇時(shí)間
    form.on('select(quiz1)', function (data) {
      
      var pId = data.value;// 一級(jí)列表的id
      $.post('/getApiTypeByPid', {'pId': pId, '': 2}, function (msg) {// 請(qǐng)求二級(jí)列表的數(shù)據(jù)
        // console.log(msg);
        $('#quiz2').empty();// 將二級(jí)列表的內(nèi)容清空
        for (var i in msg) {// 遍歷數(shù)據(jù)賦值給二級(jí)列表的內(nèi)容
          var $content = $('' + msg[i].typeName + '');
          $('#quiz2').append($content);
        }
        form.render('select');// 注意：數(shù)據(jù)賦值完成之后必須調(diào)用該方法，進(jìn)行l(wèi)ayui的渲染，否則數(shù)據(jù)出不來(lái)
      });
    });

數(shù)據(jù)回顯的核心邏輯（java的根據(jù)目錄格式，自行編寫(xiě)）

js部分

// 服務(wù)目錄的數(shù)據(jù)回顯
    var sesType = [[${type}]];
    var sesType1 = [[${type1}]];// 一級(jí)目錄id
    var sesStatus = [[${status}]];
    // 一級(jí)目錄回顯
    $("#quiz1").each(function () {// 遍歷select
      $(this).children("option").each(function () {// 遍歷option
        if (this.value == sesType1) {// 跟后臺(tái)傳過(guò)來(lái)的id相同就顯示selected
          // console.log("一級(jí)目錄"+$(this).text());
          $(this).attr("selected", "selected");
          $.post('/getApiTypeByPid', {'pId': sesType1, '': 2}, function (msg) {// 根據(jù)一級(jí)目錄的id獲取二級(jí)目錄的信息
            // console.log(msg);
            $('#quiz2').empty();// 清空
            for (var i in msg) { // 遍歷，進(jìn)行賦值
              if (msg[i].typeId == sesType) {// 判斷要回顯的二級(jí)目錄
                var $content1 = $('' + msg[i].typeName + '');
                $('#quiz2').append($content1);
              } else {
                var $content = $('' + msg[i].typeName + '');
                $('#quiz2').append($content);
              }
 
            }
            form.render('select');// 注意：一定要調(diào)用該方法進(jìn)行中心渲染，否則數(shù)據(jù)是顯示不出來(lái)的
          });
        }
      });
    });

以上是“如何實(shí)現(xiàn)基于layui下拉列表的數(shù)據(jù)回顯方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！