Componente dentro de outro Html

Fala ai Oscar, tudo bem? Para deixar o textarea com palavras pré definidas você definir o conteúdo padrão dele, algo do tipo:

<textarea>Meu texto pré definido</textarea>

Agora sobre clicar nas opções abrir outro select ai vai precisar de JavaScript e será um pouco mais completo.

O que eu indico nesse exemplo é trabalhar com dois select's.

O primeiro terá por padrão algumas opções:

<select>
    <option value="1">Opção 1</option>
    <option value="2">Opção 2</option>
    <option value="3">Opção 3</option>
</select>

Ai basicamente você precisa ouvir as mudanças desse select:

const select = document.querySelector('select')
select.addEventListener('change', e => {
    console.log(e.target.value) // valor selecionado
})

Seria algo desse tipo.

Espero ter ajudado.