datalist options hidden value, show only label

[keyboardbreaker]

So I've followed the docs on using autocomplete.

Is there a way to hide the forms inputed value and only display the label.

basically my problem is that both show, when desirably label is all that is needed.

[aidacarbajo]

hii, do you find a solution? I have the same problem

[keyboardbreaker]

im sorry i didnt find a solution

[sidverma24]

Hello, I also faced the same problem but there is no native way. For achieving that.

[aidacarbajo]

Hello, I also faced the same problem but there is no native way. For achieving that.

Yes, I finally did a dirty 'solution' that I really don't like hahaha. I write the emails of the users on the value like this value="{{usuario.email}}" and their id like id="{{usuario.uid}}". So before sending the form I modified the value of the selected option by its id.

var datasetEvento = <HTMLInputElement>document.getElementById("eventoss");  // input
var inputEvento = datasetEvento.value;  // input value
var idEvento = document.querySelector("#eventos option[value='"+inputEvento+"']").id; // id from the selected option of the dataset #eventos
this.datosForm.value.evento = idEvento;

[odaeshbli87]

Write inside the input autocomplete="off"

[odaeshbli87]

<input "autocomplete="off">