Eu tenho 3 selects simples no meu HTML e as opções são listadas de um array, quando eu escolho uma opção ela já some do próprio select onde estou selecionando uma opção, mas com esse comportamento o placeholder não é substituído pelo item selecionado. Eu quero que a opção selecionada continue aparecendo nas opções do select onde selecionei a tal, mas no próximo select o array sem o item já selecionado e com o comportamento de não sumir o selecionado no próprio select, apenas sumir no próximo select simples.
Alguma sugestão de como deixar a lógica assim?
Obs: seria meio que um array dinâmico, por exemplo: select 1: banana, maçã, pera
selecionei banana
continua o mesmo array
select 2: maçã, pera
selecionei maçã
agora as opções do select 1 são apenas banana (que tá selecionado) e pera
e as opções do select 1 seguem sendo maçã (selecionado) e pera
Obs2: o select não possui a tag options, apenas input e label que estão recebendo um forEach do array