usar um data atribute com input options

na aula ele mostra como colocar um evento para capturar um resultado usando um input simples. O que seria necessário fazer se fosse um input de options?

                <div class="newUserCargo">
                    <label>Cargo</label>
                    <input class="cargo" type="text" placeholder="Escreva o cargo atual do Colaborador" data-cargo required>
                </div>

                <div class="newUserArea">
                    <label>Área de atuação</label>
                    <select name="Área" class="areas">
                        <option class="areaOptions" value="consultoria">Consultoria</option>
                        <option class="areaOptions" value="comercial">Comercial</option>
                        <option class="areaOptions" value="marketing">Marketing</option>
                        <option class="areaOptions" value="t-i">T.I</option>
                    </select>
                </div>

addEventListener('submit', (e) => {
    // tirar comportamento de envio

    e.preventDefault()

    //selecionar o value dos campos
    const nome= e.target.querySelector('[data-nome]').value
    const cargo= e.target.querySelector('[data-cargo]').value
    const area= e.target.querySelector('[data-areas]').value

    // Usa a função de criar usando o post
    userService.createUsers(nome, cargo, area)
    .then(() => {
        window.location.href = '../../components/actionSuccess-register.html'
    })
})