Para tener un ComboBox editable, lo único que hay que hacer es crear un “input text” y un “select” que se solapen uno encima de otro, de modo que el input text quede siempre por encima pero un poco más corto para que no oculte el boton de desplegar las opciones del “select”.

Y cuando el usuario despliege el select y elija una opción, solo hay que utilizar el evento “onChange” para pasar el valor del “select” al “input text”.

Para aquellos que no lo sepan, pueden solapar dos elementos sin necesidad de definirlos como “absolute” (que siempre es engorroso), encapsulandolos dentro de un “div” de 0px de ancho.

Aquí teneis el código… simple y eficiente.