层次结构相关选择框

Question

我一直在寻找一个插件/预制模板，可以让您选择相关的选择选项，例如，我有年级列表，每个年级都有内部类别，每个类别都有技能。 就像下面这样。

public class TileMap implements Screen {
        private TiledMap tiledMap;
        public OrthographicCamera camera;
        private HexagonalTiledMapRenderer mapRenderer;
        private TiledMapStage tiledMapStage;
        public MainGame mainGame;
        Texture hexture;
        public TileMap(MainGame mainGame){
            this.mainGame = mainGame;
            camera = new OrthographicCamera();
            camera.setToOrtho(false);
            camera.translate(Gdx.graphics.getWidth()/2,Gdx.graphics.getHeight()/2);
            camera.update();
            tiledMapStage = new TiledMapStage(camera,this,mainGame);
            tiledMap = new TiledMap();
            hexture = new Texture(Gdx.files.internal("GreenTile.png"));
            TextureRegion[][] hexes = TextureRegion.split(hexture, 64, 64);
            MapLayers layers = tiledMap.getLayers();
            TiledMapTile[] tiles = new TiledMapTile[3];
            tiles[0] = new StaticTiledMapTile(new TextureRegion(hexes[0][0]));
            tiles[1] = new StaticTiledMapTile(new TextureRegion(hexes[0][1]));
            tiles[2] = new StaticTiledMapTile(new TextureRegion(hexes[1][0]));

            for (int l = 0; l < 1; l++) {
                TiledMapTileLayer layer = new TiledMapTileLayer(45, 30, 64, 64);
                for (int y = 0; y < 30; y++) {
                    for (int x = 0; x < 45; x++) {
                        int id = (int)(Math.random() * 3);
                        TiledMapTileLayer.Cell cell = new TiledMapTileLayer.Cell();
                        cell.setTile(tiles[id]);
                        layer.setCell(x, y, cell);
                    }
                }
                layers.add(layer);
            }

            mapRenderer = new HexagonalTiledMapRenderer(tiledMap);

        }
        public void Refresh(){
            tiledMapStage = new TiledMapStage(camera,this,mainGame);
        }
        @Override
        public void render (float delta) {
            float x = Gdx.input.getDeltaX();
            float y = Gdx.input.getDeltaY();
            Gdx.gl.glClearColor(135/255f, 206/255f, 235/255f, 1);
            Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
            camera.position.add(-x*camera.zoom, y*camera.zoom,0);
            camera.update();
            mapRenderer.render();
            mapRenderer.setView(camera);
            tiledMapStage.render();
        }

        @Override
        public void resize(int width, int height) {

        }

        @Override
        public void pause() {

        }

        @Override
        public void resume() {

        }

        @Override
        public void show() {

        }

        @Override
        public void hide() {

        }

        @Override
        public void dispose() {
            mapRenderer.dispose();
            tiledMap.dispose();
            tiledMapStage.dispose();
        }


    }

我想要实现以下目标： 用户选择成绩的位置：

选择成绩后，该步骤将选择类别：

最后一步是选择技能：

是否有任何jQuery插件或Vue.js组件可以实现这一目标，而又无需花费时间从头开始编写？ 预先感谢。