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][1], mas não funcionou


  [1]: https://stackoverflow.com/questions/40214704/how-to-get-data-value-in-data-list