Skip to main content
1 de 2

Como pegar o data-value do data-list

Tenho uma data-list para os nome de professores, cujos valores (values) são os nomes dos mesmos. De forma padrão, no submit o input captura os dados contidos em value. O que gera um problema, já que meu banco de dados espera um valor númerico.

Quando mudo os valores dos option para númerico (1 para o nome 1, 2 para nome 2 e etc.), gera outro problema (dessa vez estético): o usuário seleciona um professor, e no campo de seleção não aparece mais o nome, e sim o valor do value.

                <datalist id="teachers">
                    <select>
                        <option data-value="1" value="Nome 1">Nome 1</option>
                        <option data-value="2" value="Nome 1">Nome 2</option>
                    </select>
                </datalist>

Resumo: Quero que na barrinha de seleção apareça o nome do professor selecionado, e que seja enviado para o input um valor númerico.

O data-value do código é de uma dica que encontrei aqui no stackoverflow, mas não funcionou