Как сделать чтобы показывалось содержание из datalist а не value?

Question

[Алексей]

<input list="aaa">
<datalist id="aaa">
<option value="v1">z1</option>
<option value="v2">z2</option>
<option value="v3">z3</option>
</datalist>

https://jsfiddle.net/gxdr1jk5/
то есть при вводе z и выборе после этого, например, z2, в поле ввода подставлялось именно z2 а не v2, при это на сервер конечно же отправлялось v2.

Comments

[Степан Крапивин]

а зачем это нужно?

input всё-равно будет содержать значение котороее в него введено

Answer 1

[Степан Крапивин]

тег <option>, вложенный в <datalist> работает не так в <select>.

Значение берётся только из value