Al enviar, me gustaría obtener el valor POST de la company , que coincide con el ID (de data-id ) del valor seleccionado:

 <form method="post" x-data="{ company: '' }"> <input type="hidden" name="company" x-bind:value="company"> <input list="companies" x-model="company"> <datalist id="companies"> <option data-id="1">Google</option> <option data-id="2">Amazon</option> <option data-id="3">Facebook</option> <option data-id="4">Apple</option> </datalist> <input type="submit"> </form>

De esta manera, obtengo el valor de input[list="companies"] , pero no el valor de data-id de la opción seleccionada.

¿Cómo puedo sincronizar el valor data-id con el campo oculto input[name="company"] ?