[SOLUCIONADO] Textfield con función de combobox

[DDecko]

Que tal, soy nuevo en foros de la web, tengo una consulta, tengo un textfield que sirve para auto completar ciudades usando autocomplete de JqueryUI, pero al enviar el formulario necesito que reciba el Id de la ciudad, no el nombre.

Como le harían para solucionar esto, como menciono necesito que funcione como un combobox, que en el option muestra algo pero el value es diferente

[xfxstudios]

podrias crearte una funcion con js que busque la id en un array para cargarlo en un input oculto, por ejemplo:

Código HTML:

<input type="text" name="prueba" list="lista" onChange="buscarValor();"/>
<datalist id="lista">
  <option value="Caracas"></option>
  <option value="Valencia"></option>
</datalist>
<br>
<hr>
<input type="text" name="id_estado" readonly/>
 

Código Javascript:

function buscarValor(){
//cargamos el valor del input autocompletado
var valor = $("input[name=prueba]").val();
 
//creamos un array con los valores necesarios para la consulta, puede ser incluso hecho con php
var lista = {Valencia:1 , Caracas:2};
 
//recorremos los valores hasta encontrar el valor deseado
for(var id in lista){
 
    //una vez encontrado el valor detenemos el bucle e insertamos el valor en el input necesario
    if(id == valor){
    $("input[name=id_estado]").val(lista[id])
    break;
  }
 
 
}
 
}
 

Muestra: https://jsfiddle.net/xfxstudios/hf4t4ahc/

[DDecko]

Gracias por la respuesta, opte por hacer una consulta a la base de datos para obtener nuevamente el Id de la ciudad