Como exibir o texto no datalist html5 e não no valor
<!DOCTYPE html>
<html>
<body>
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Internet Explorer">1</option>
<option value="Firefox">2</option>
<option value="Chrome">3</option>
<option value="Opera">4</option>
<option value="Safari">5</option>
</datalist>
<input type="submit">
</form>
</body>
</html>
http://jsfiddle.net/j7ehtqjd/1/
Anexei um violino. Por favor, verifique. A solução que quero alcançar é que, quando clico no menu suspenso, o valor é exibido, mas quero que o texto 1,2,3,4,5 seja exibido. Eu tenho que usar uma resposta json para o meu problema real. Somente o texto deve ser exibido e o valor deve ser oculto como um menu suspenso geral. Esse recurso de preenchimento automático é necessário, caso contrário eu teria ido com o menu suspenso normal.