Как отобразить текст в списке данных html5, а не в значении
<!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/
Я приложил скрипку. Пожалуйста, проверьте. Решение, которого я хочу достичь, заключается в том, что когда я нажимаю раскрывающийся список, отображается значение, но я хочу, чтобы текст 1,2,3,4,5 отображался. Я должен использовать ответ json для моей реальной проблемы. Должен отображаться только текст, а значение должно быть скрыто, как общий выпадающий список. Эта функция автозаполнения необходима, иначе я бы пошел с обычным выпадающим.