Script para ocultar y mostrar

[gusanosxr]

tengo 2 select (ciudades y comunas) que al cargar mi plataforma aparecen por defecto, debajo de ellos tengo 2 input text que estan con propiedad hidden, al seleccionar un clíente me aparecen los text con la ciudad y comuna del cliente, he aquí el problema, necesito que al presionar un botón llamado LIMPIAR me oculte los text y me muestre otra vez los select...

he intentado de mil formas pero no he logrado hacerlo...alguien tiene un script que me pueda encaminar o ayudar


de antemano muchas gracias

[maycolalvarez]

entonces postea una de esas mil formas para asesorarte, es algo muy básico que cualquier principiante en Javascript con CSS puede lograr

[gusanosxr]

Iniciado por maycolalvarez

entonces postea una de esas mil formas para asesorarte, es algo muy básico que cualquier principiante en Javascript con CSS puede lograr

function mostrar() {
if (document.getElementById('numemp').value='')
document.getElementById('ciudad_busca').style.disp lay='none';
document.getElementById('ciudad_busca').style.disp lay='none';
document.getElementById('ciudad_busca2').style.dis play='block';
document.getElementById('ciudad_busca2').style.dis play='block';
else
document.getElementById('ciudad_busca').style.disp lay='block';
document.getElementById('ciudad_busca').style.disp lay='block';
document.getElementById('ciudad_busca2').style.dis play='none';
document.getElementById('ciudad_busca2').style.dis play='none';
}



perdón compa...pero no se usar la herramienta que me dices que use, soy nuevo en el foro y recien estoy en esto de PHP....gracias por tu tiempo!

[maycolalvarez]

¿te refieres al highlight?: es sólo una lista desplegable (select o combo para los que entendemos este mundo) donde puedes mostrar el código en el foro de forma amena:

Código Javascript:

//codigo javascript
alert('hola mundo!');
 

según veo en tú código tratas de aplicar los estilos a 4 elementos, Pero como no defines el bloque JS entonces sólo te tomará la primera linea, eso es lo importate al definir el bloque al usar estructuras de control, con las llaves {}:

Código Javascript:

function mostrar() {
    if (document.getElementById('numemp').value='') {
        document.getElementById('ciudad_busca').style.display='none';
        document.getElementById('ciudad_busca').style.display='none';
        document.getElementById('ciudad_busca2').style.display='block';
        document.getElementById('ciudad_busca2').style.display='block';
    } else {
        document.getElementById('ciudad_busca').style.display='block';
        document.getElementById('ciudad_busca').style.display='block';
        document.getElementById('ciudad_busca2').style.display='none';
        document.getElementById('ciudad_busca2').style.display='none';
    }
}
 

Fijate como se abren y cierran las lineas o expresiones entre las llaves {}

por cierto ésto es Javascript, no PHP, al final su sintaxis en estructuras de control es muy similar.

recomendado:

Leer manuales de JS (javascript): https://librosweb.es
Leer sobre JSON
Leer sobre DOM
Leer sobre CSS
y en el caso de PHP manuales sobre php, recuerda que son 2 lenguajes diferentes, pero que pueden complementarse para crear Webs

PD: para futuras preguntas, postea al menos algo de código si puedes, consulta las políticas del foro y así te será más simple formar parte de la comunidad

[furoya]

(Uy, perdón, llego tarde por tipear otras respuestas. Pero ya que la tengo la posteo, aunque repita algún concepto )

Para empezar, el código está incompleto. Falta todo el HTML y no podemos adivinar qué problema pueden tener los elementos con identificadores #numemp , #ciudad_busca y/o ciudad_busca2.

Para seguir, al contenido del if() y del else le faltan las llaves ({ /*contenido*/ }).

Para terminar, y sin la menor intención de desautorizar a maycolalvarez, yo prefiero que uses la etiqueta [code] que está en el botón con el numeral "[#]" del editor de mensajes.

(El problema con las de highlight es que agregan un CSS y —lo que es peor— un JS a la página; y que son absolutamente innecesarios. Ni hablar de otras épocas en que además agregaban —lo que es mucho más que peor— un flash para copiar el texto, ¡como si el navegador no pudiera hacerlo!.)