Wie wird der Text in der Datenliste html5 angezeigt und nicht der Wert

Question

Sep 02, 2014, 07:46 AM

drop-down-menu html5 html-datalist jquery

Wie wird der Text in der Datenliste html5 angezeigt und nicht der Wert

<!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

Ich habe eine Geige angehängt. Bitte prüfen. Die Lösung, die ich erreichen möchte, ist, wenn ich auf die Dropdown-Liste klicke, der Wert angezeigt wird, aber ich möchte, dass der Text 1,2,3,4,5 angezeigt wird. Ich muss eine json-Antwort für mein aktuelles Problem verwenden. Es sollte nur der Text angezeigt und der Wert wie bei einem allgemeinen Dropdown ausgeblendet werden. Diese Autocomplete-Funktion ist notwendig, sonst wäre ich mit dem normalen Dropdown gegangen.

Zu kommentieren