Cambiar combo por un texbox segun otro combo

[jeybi]

Usa un codigo como este:

Código javascript:

window.onload = function(){
    document.getElementById('pais').onchange = combo;   //Al cargar, asigamos un event handler para onchange al combo con id 'pais' 
}
 
function combo(){
    if(this.options[this.selectedIndex].value != 'Chile'){ //Si no hemos seleccionado chile...
        if(!this.form.ciudadPersonzalizada){ //Y si ademas no existe el elemento 'ciudadPersonzalida'...
            this.form.ciudades.disabled = 'disabled';                //Desabilitamos el select ciudades
            this.form.ciudades.style.display = 'none';                //Lo ocultamos
            var textinput = document.createElement('input');        //Creamos un nuevo input
            textinput.type = 'text';                                //que sea de tipo texyt
            textinput.id = 'ciudadPersonzalizada';                    //Le ponemos un id 'ciudadPersonzalida'
            textinput.name = 'ciudadPersonzalizada';                //Le ponemos un nombre 'ciudadPersonzalida'
            this.form.insertBefore(textinput,this.form.ciudades);   //Lo insertamos en el documento, justamente antes de el select ciudades oculto
        }
            
    }
    else if(this.form.ciudadPersonzalizada){    //Si selecionamos chile, y EXISTE el input con nombre 'ciudadPersonzalida'..
        this.form.removeChild(this.form.ciudadPersonzalizada);    //Lo quitamos..
        this.form.ciudades.removeAttribute('disabled');        //Habilitamos el select ciudades
        this.form.ciudades.style.display = 'inline';            //Lo hacemos visible
        
    }
 

}

Ya tu le cambias el name y agregas texto para especificar cuiando debes seleccionar y cuando debes tipear tu ciudad.

El HTML:

Código html:

<form method="post" action="x" name="x">
<select id="pais" name="pais">
<option value="Chile" selected="selected">Chile</option>
<option value="Mexico" >Mexico</option>
</select>
 
<select name="ciudades" id="ciudades">
<option value="" selected="selected">Selecciona...</option>
<option value="Santiago">Santiago</option>
</select>
 
</form>