Textfield con función de combobox

[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/