寻找 Web 组件来解决这个问题(可能是 SELECT 或不知道)

Looking for web component to acomplish this (maybe a SELECT or don't know)

本文关键字:SELECT 不知道 问题 组件 Web 解决 寻找      更新时间:2023-09-26

我正在构建一个Web应用程序,其中包含类别和子类别。由于我现在在一个表中有 1900 行并且它正在增长,因此我需要一个组件来显示它们,如下所示:

  1. 第一级应显示主要类别(没有父母的人)
  2. 当我选择任何父母类别时,在同一组件中,我应该能够向他们的孩子展示,并且还可以返回并选择任何其他类别。

有没有人知道任何一种组件来做到这一点?也许是选择或其他什么?另外,如果有人有程序化的想法,那么离开这里,我会考虑的。

PS:我不知道这是否是发布此内容的正确位置,如果不是道歉,并为我指出下一个的正确方向。

如果你的目标是愚弄用户并让他认为这是同一个组件,那么你可能会做类似的事情。

您必须从服务器获取所选类别的匹配数据,可能带有 ajax 请求和 json 对象,以便填充选择。

$.ajax({
  ....
  success:function(data){
     $('#item').empty();
     $(data).each(function(){
        $('#item').append($('<option>').val(this.value).text(this.description));
     }
  }
});

但我仍然认为双选对用户来说更方便。但是,如果您的目标是仅显示数据,那么在选择组件中显示项目是一个坏主意。表格或列表会更合适。