desactivar campo después de evento...

[andrewp]

Cordiales saludos...

Os agradecería que me ayudárais con una duda que tengo sobre un JScript que activa/desactiva campos de acuerdo a la selección en un selectbox.

Este mi JS:

Código PHP:

  <script language="JavaScript">
function activar(){
        if (document.form.selectbox.value == '-- seleccione uno --' {
        document.form.campo1.disabled = true;
        document.form.campo2.disabled = true;
        document.form.campo3.disabled = true;
        document.form.campo4.disabled = true;
        } else {
        document.form.campo1.disabled = false;
        document.form.campo2.disabled = false;
        document.form.campo3.disabled = false;
        document.form.campo4.disabled = false;
                }
        }
</script> 
  

Y mi formulario:

Código PHP:

  <form name="form">
<select name="campo1[]" onChange="activar()">
<option value="-1">-- seleccione uno --</option>
<option value="1">Rojo</option>
<option value="2">Verde</option>
<option value="3">Amarillo</option>
</select>
<input type="text" name="campo1">
<input type="text" name="campo2[]">
<input type="text" name="campo3">
<input type="text" name="campo4">
select
</form> 
   

Cómo véis el <select> y algunbos campos contienen un '[]' en su nombre. Así, cómo puedo decirle al JS que ese nombre contiene un '[]'?....

He intentado agregando el '[]' en el JS pero no logro que funcione.

Gracias por vuestra ayuda nuevamente.

[Adler]

Hola

No me queda claro que es lo que pretendes. Veamos si es algo como esto

Código Javascript:

<script language="javascript">
function activar(val){
var campText = document.getElementById('frm').getElementsByTagName('input');
for (i = 0; i < campText.length; i++) {
if (val == '') {
campText[i].disabled = true;
} else {
campText[i].disabled = false;
}
}
        }
</script>  
 
<form name="form" id="frm">
<select name="campo1[]" id="campo1[]" onChange="activar(this.options[this.selectedIndex].value)">
<option value="">-- seleccione uno --</option>
<option value="1">Rojo</option>
<option value="2">Verde</option>
<option value="3">Amarillo</option>
</select>
<input type="text" name="campo1">
<input type="text" name="campo2[]">
<input type="text" name="campo3">
<input type="text" name="campo4">
</select>
</form>
 

Suerte

[andrewp]

Gracias Adler...

Bien, lo que intento hacer con este script es que si en el <select> tengo seleccionado la opcion "-- seleccione uno --", los campos del formulario se activen. Si por el contrario, en ese mismo <select> selecciono otro valor de la lista que me proporciona, los campos se deben desactivar (disabled=true;) para que no se permita introducir datos.

En tu código, se bloquean todos los 'inputs', pero hay alguna manera de bloquear los "name='lo que sea'"?... De hecho hay algunos radiobuttons, y text-area que debo bloquer también; es decir, discriminar los campos a bloquear?

[Adler]

Hola

A ver si es a esto a lo que te refieres

Código Javascript:

function activar(val){
var campText = document.getElementById('contenedor').getElementsByTagName('*');
for (i = 0; i < campText.length; i++) {
if (val == '') {
campText[i].disabled = false;
} else {
if (campText[i].id != '') continue;
campText[i].disabled = true;
}
}
        }
 
 
<form name="form">
<select name="campo1[]" id="campo1[]" onChange="activar(this.options[this.selectedIndex].value)">
<option value="">-- seleccione uno --</option>
<option value="1">Rojo</option>
<option value="2">Verde</option>
<option value="3">Amarillo</option>
</select>
<div id="contenedor">
<input type="text" name="campo1">
<input type="text" name="campo2" id="campo2" value="Este no se desabilitar&aacute;">
<input type="text" name="campo3">
<input type="text" name="campo4">
<br />
<input type="radio" name="rad[]" />
<input type="radio" name="rad[]" />
<br />
<textarea name="txtarea">Alguna cadena</textarea>
<br />
<input type="text" name="campo5" id="campo5" value="Este no se desabilitar&aacute;">
</div>
</form>
 

Suerte