deshabilitar combobox

Maru77 · #1 (**permalink**) 16/04/2012, 12:22

Hola!

Tengo 2 combobox, uno de categoria que al seleccionarlo, mediante una función filtra la subcategoria.

Me gustaria que hasta que no se seleccione la categoria, el combo de subcategoria quede deshabilitado. se puede???

Les dejo la función a ver si me pueden ayudar, desde ya muchas gracias!

Código:

<script language="javascript">
$(document).ready(function(){
   $("#categoria").change(function () {
           $("#categoria option:selected").each(function () {
            elegido=$(this).val();
			

            $.post("subcategorias.php", { elegido: elegido }, function(data){
            $("#subcategoria").html(data);
            });            
        });
   })
});
</script>

lukas4 · #2 (**permalink**) 16/04/2012, 12:39

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function habi(){
    if(document.getElementById("categoria").value !=""){
        document.getElementById("subcategoria").disabled=false;
   }
   else{
      document.getElementById("subcategoria").disabled=true;
   }
}
</script>
</head>
<body>
<select id="categoria" onchange="habi()">
   <option value="">Select one...</option>
    <option value="uno">uno</option>
   <option value="dos">dos</option>
</select>
 
<select id="subcategoria" disabled="disabled">
   <option value="tres">tres</option>
   <option value="cuatro">cuatro</option>
</select>
 
</body>
</html>

Maru77 · #3 (**permalink**) 16/04/2012, 12:52

Gracias por el ejemplo!

Pero creo que tendría que armar algo dentro de la función que copié, porque los combos se cargan de la siguiente manera:

Código PHP:

 
  <select name="<?php echo $campo ?>" id="<?php echo $campo ?>">

            <option value="0">-</option>

            <?php

            $conn = DataBase::getInstance();

                $rel=false;

                $relacion='_'.$campo;

                $conn->setQuery('SELECT * FROM `_'.$campo.'` ORDER BY id ASC');

                if ($conn->len()==0){

                    $rel=true;

                    $relacion=$campo;

                    $conn->setQuery('SELECT * FROM `'.$campo.'` ORDER BY id ASC');

                }

                if ($conn->len()==0){

                    $rel=true;

                    $relacion=$campo.'s';

                    $conn->setQuery('SELECT * FROM `'.$campo.'s` ORDER BY id ASC');

                }

                if ($conn->len()>0){

                $rs = $conn->loadObjectList();

                foreach($rs as $valor){?>

                <option value="<?php echo $valor->id ?>"><?php echo $valor->titulo ?></option>

                <?php 

                }}?>

                </select>

es decir que si pongo

Código PHP:

 
  <select name="<?php echo $campo ?>" id="<?php echo $campo ?>" disable:disable>

quedan ambos deshabilitados :(

lukas4 · #4 (**permalink**) 16/04/2012, 12:59

pues... yo solo estoy viendo un solo combobox =S

no veo el segundo

Maru77 · #5 (**permalink**) 16/04/2012, 13:22

<select name="<?php echo $campo ?>" id="<?php echo $campo ?>">

la variable campo toma el nombre del campo de la tabla, una de las columnas de la tabla es la categoria y la otra columna es la subcategoria, los reproduce de ese modo