não consigo selecionar o valeu de uma select

[FrancisDaLuz]

Estou tentando pegar o valor do value de um option que estou criando dinamicamente, os dados vem de uma api, ele carrega o option no select, tudo certo, mas quando eu busco o ivalue do option, não vem o value e sim o text. 

const criaOption=(horario, id)=>{
    const novaOptionTurma=crE('option')
    const option=
        `
        <option value="${id}">${horario}</option>
        `
    novaOptionTurma.innerHTML=option
    return novaOptionTurma
}
const select=$('[data-turma]')
listaTurmas()
.then(data=>{
    data.forEach(elemento=>{
        select.appendChild(criaOption(elemento.horario,elemento.id))
    })
})

const btnPegaTurma=$('.btn_turma')
btnPegaTurma.addEventListener('click',(evento)=>{
    evento.preventDefault()
    const turma=$('[data-turma]').value
    console.log(turma)
    localStorage.setItem('truma', turma)
})