How to make a submenu in select menu?

Question

JavaScript

How to make it so that when you click on an argument in the select menu, it is updated and another one appears, associated with 1 argument arguments?

client.on('interactionCreate', async interaction => {
  if (!interaction.isCommand()) return;
  if (interaction.commandName === 'ping') {
    const row = new MessageActionRow()
      .addComponents(
        new MessageSelectMenu()
          .setCustomId('select')
          .setPlaceholder('Nothing selected')
          .addOptions([
            {
              label: 'Своя игра',
              value: 'svoya_igra',
            },
            {
              label: 'Угадай мелодию',
              value: 'yagadai_malodiu',
            },
            {
              label: 'Osu',
              value: 'osu',
            },
          ]),
      );

    await interaction.reply({ content: 'Выберете ивент:', components: [row] });
  }    
});
client.on('interactionCreate', async interaction => {
    if (!interaction.isSelectMenu()) return;
if (interaction.customId === 'select') {
    switch (interaction.values[0]) {
        case 'one': 
            interaction.update({ content: 'o_0' });
        break;
    }
}
})

How I tried to do it, but nothing worked.
An example of what I want to do:
Main menu
view View when this argument is clicked