Cambiar combo por un texbox segun otro combo

[e_daniel316]

Hola tengo un problema y no se que hacer,
resulta que tengo un combo con todos los paises que tiene como "selected"=chile, y otro combo con todas las cuidades de chile. Pero resulta que el combo de ciudades se crea y llena atravez de una funcion php.
Lo que quiero hacer es que si elijo un pais distinto a chile el combo de ciudades de quede como solo lectura o se cambie por un text donde el usuario especifique su ciudad.
espero que me puedan ayudar

PD: nose si este post va en este foro

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

[e_daniel316]

no me funciona, y esta cosa me deja postear mi codigo. nose que hacer

[e_daniel316]

no me funciona, y esta cosa NO me deja postear mi codigo. nose que hacer

[jeybi]

Iniciado por e_daniel316

no me funciona, y esta cosa NO me deja postear mi codigo. nose que hacer

Nosotros menos, estudia el codigo, no es solo darle copy&paste.