habilitar caja de texto al seleccionar menu

[sega186]

Saludos compañeros, como puedo habilitar una caja de texto al seleccionar en un menu desplegable el valor SI, es decir desde el menu seleccionan SI ó NO, al seleccionar SI se debe habilitar la caja de texto para especificar su eleccion, esto es solamente si seleccionan SI. Gracias.

[jotaincubus]

<input type="text" ... id="miCampoDeTexto" />
<select ... onchange="cambiarTextfields(this);">
<option value="1">Mi opción 1</value>
<option value="2">Mi opción 2</value>
</select
[ en javascript ]
function cambiarTextfields(selec) {
if (selec.value == 1) {
document.getElementById('miCampoDeTexto').disabled = true;
.... Y así con todos los textfields que quieras desactivar
}
else if (selec.value == 2) {
document.getElementById('miCampoDeTexto').disabled = false;
... Y así con todos los textfields que quieras activar
}
}

eso es java... si lo necesitas con PHP no tengo idea de como hacerlo

[vrael]

Los más cómodo, como ha dicho jotaincubus es que lo hagas con javascript, que te permite capturar eventos del navegador, como este, y responder en el momento.

No se puede hacer con PHP, a no ser que envíes el formulario primero, y luego reescribas el formulario entero con el campo que quieres que aparezaca según la opción seleccionada anteriormente.

Date cuenta, PHP actúa del lado del servidor:

Rellenar formulario -> Enviarlo -> Procesarlo (Servidor[PHP]) -> Devolver Respuesta

Mientras que Javascript:

Rellenar formulario -> Procesar Eventos (JavaScript) -> Enviarlo -> Procesarlo (Servidor[PHP]) -> Devolver Respuesta

[GatorV]

Tema movido desde PHP a Javascript

[raxper]

Sin <form></form>

Código Javascript:

function detener(){if (campo.disabled){campo.disabled = false;}else {campo.disabled=true;}}
 

<select onchange="detener();">
<option>aa</option>
<option>bb</option>
<option>cc</option>
</select>
<input type="text" id="campo" value="Me duermo !!! ZZ!"/>




Con <form></form>

Código Javascript:

function detener(){if (document.forms[0].campo.disabled){document.forms[0].campo.disabled = false;}else {document.forms[0].campo.disabled=true;}}
 

<form>
<select onchange="detener();">
<option>aa</option>
<option>bb</option>
<option>cc</option>
</select>
<input type="text" id="campo" value="Full Sleep!"/></form>