habilitar un select segun la opcion de otro select

ikari123 · #1 (**permalink**) 16/11/2010, 13:02

mi problema es este tengo 3 selects...

de los cuales a partir de el valor de uno, se pueden activar o desactivar....

a partir del los valores del select "estado", debo activar "departamento" y "articulo" si elijo la opcion "En Uso".... y si elijo la opcion "Stock" se deben desabilitar

Código PHP:

 
<label>Departamento 
    <span class="small">Departamento al que pertenece el equipo</span> 
  </label> 
  <select name="departamento" id="departamento" > 
    <option selected="" value="">[Seleccione un departamento]</option> 
    <?php 
      //cuenta el numero de filas 
      while ($fila=mysql_fetch_array($rst_departamento)) 
             { 
                echo "<option value='". $fila["id_departamento"] ."'>".$fila["nombre_depto"] ."</option>"; 
              } 
  mysql_close($conexion); 
  ?> 
  </select> 
   
  <label>Articulo 
    <span class="small">Articulo asignado al equipo</span> 
  </label> 
  <select name="articulo" id="articulo"> 
    <option selected="" value="">[Seleccione un articulo]</option> 
    <?php 
      //cuenta el numero de filas 
      while ($fila2=mysql_fetch_array($rst_articulo)) 
             { 
                echo "<option value='". $fila2["id_otros"] ."'>".$fila2["clave_inventario_articulo"] ."</option>"; 
              } 
  mysql_close($conexion); 
  ?> 
  </select> 
   
  <label>Estado 
    <span class="small">Status del equipo</span> 
  </label> 
   <select name="estado" id="estado"> 
    <option value="1" onChange="habilitarCombo()">[Seleccione estado del equipo]</option> 
    <option value="2">En Uso</option> 
    <option value="3">Stock</option> 
   </select>

IsaBelM · #2 (**permalink**) 16/11/2010, 13:22

quita la llamada a esa función y haz ahí la condicional. dependiendo del valor seleccionado se habilitan (disabled='false') o deshabilitan (disabled='true')

sysmadryn · #3 (**permalink**) 16/11/2010, 13:28

prueba :

Cita:

<html>
<head>
<title>Untitled</title>
<script>
function habilitarCombo(valor){
if(valor==2){
document.getElementById("departamento").disabled = false;
document.getElementById("articulo").disabled = false;
}
else {
document.getElementById("departamento").disabled = true;
document.getElementById("articulo").disabled = true;
}
}
</script>
</head>
<body>
<label>Departamento
<span class="small">Departamento al que pertenece el equipo</span>
</label>
<select name="departamento" id="departamento" disabled="true">
<option selected="" value="">[Seleccione un departamento]</option>
<option value="op01">op01</option>
</select>

<label>Articulo
<span class="small">Articulo asignado al equipo</span>
</label>
<select name="articulo" id="articulo" disabled="true">
<option selected="" value="">[Seleccione un articulo]</option>
<option value="op22">op22</option>
</select>

<label>Estado
<span class="small">Status del equipo</span>
</label>
<select name="estado" id="estado" onchange="habilitarCombo(this.value);">
<option value="1">[Seleccione estado del equipo]</option>
<option value="2">En Uso</option>
<option value="3">Stock</option>
</select>
</body>
</html>

Saludos