[SOLUCIONADO] Problema con combobox y radiobotones

jcastro3 · #1 (**permalink**) 20/03/2013, 10:42

Buenas. Tengo un formulario con HTML, con un combobox y dos radiobotones. Por otra parte, tengo una tabla en una base de datos que recoge datos de clientes y existen dos tipos de clientes: particulares y empresas.

Mi duda esta en como puedo hacer que se muestren en el combobox los DNI de los clientes que son particulares si se pincha en un radioboton o que se muestren los DNI de las empresas si se pincha en el otro radioboton.

Gracias de antemano.

alex1084 · #2 (**permalink**) 20/03/2013, 10:44

Podes hacerlo con ajax que seria lo mas elegante... pero podrias hacerlo con php ahi depende de que tanto conocimiento tengas...

jcastro3 · #3 (**permalink**) 20/03/2013, 10:51

Jajaja mejor php (se me olvido decir que queria hacerlo con php) ya que de ajax no tengo ni la mas remota idea jaja

informacionsys · #4 (**permalink**) 20/03/2013, 10:58

hice un ejemplo para que te guies, es solo jquery , no usa ajax, inicialmente debes cargar los combos de las dos opciones

Código HTML:

Ver original<html>
<head>
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript">
    $(function()
    {   
        ValidaOpcion($(".radio:checked"));
        $(".radio").click(function()
        {
            ValidaOpcion(this);
        });
    });
 
    function ValidaOpcion(e)
    {   
        var el = $(e);
 
        //validamos si el valor del radio button es empresas
        if(el.val() == 0)
        {
            $("#particulares").hide();
            $("#empresas").show();
        } 
        else
        {
            $("#particulares").show();
            $("#empresas").hide();
        }
    }
    </script>
 
</head>
<body>
 
 
<input type="radio" name="seleccion" class="radio" value="0">Empresas <br/>
<input type="radio" name="seleccion" class="radio" value="1" checked>Particulares <br/>
 
<select id="empresas">
    <option>Empresa 1</option>
    <option>Empresa 2</option>  
</select>   
 
<select id="particulares">
    <option>Particular 1</option>
    <option>Particular 2</option>  
</select>   
 
</body>
</html>

alex1084 · #5 (**permalink**) 20/03/2013, 11:03

mmm ok deberías leer un poco e ir aprendiendo ajax pero bueno eso nada mas a manera de sugerencia...

Mira en php tendrías que hacer primero un formulario con donde se deba seleccionar el tipo de cliente y luego enviarlo a otro script para hacer el select a la tabla con el filtro.... tenes idea de programacion php o estas aprendiendo???

jcastro3 · #6 (**permalink**) 20/03/2013, 15:14

Cita:

Iniciado por alex1084

mmm ok deberías leer un poco e ir aprendiendo ajax pero bueno eso nada mas a manera de sugerencia...

Mira en php tendrías que hacer primero un formulario con donde se deba seleccionar el tipo de cliente y luego enviarlo a otro script para hacer el select a la tabla con el filtro.... tenes idea de programacion php o estas aprendiendo???

Si, si tengo idea de programacion en php, estoy desarrollando mi proyecto para obtener el titulo de Tecnico Superior en Desarrollo de Aplicaciones Web.

La cosa es que hoy cuando me he puesto con ello, (primero hice todo el diseño en HTML y CSS y ahora estoy ya programando los formularios que tiene mi proyecto) me ha invadido la duda que he comentado.

Mañana desde el trabajo donde estoy realizando las practicas subo el codigo con esa parte del formulario y el codigo php que tengo para intentar explicar un poco mejor lo que quiero conseguir ya que este proyecto le estoy desarrollando desde ahi. (Seguramente la solución sea una tonteria pero ahora no caigo xd).

Respecto a lo de AJAX, solamente he visto un par de ejemplos sencillos, de ahi que prefiera resolver esto con php, pero por probar y aprender nada se pierde.

jcastro3 · #7 (**permalink**) 20/03/2013, 15:17

Cita:

Iniciado por informacionsys

hice un ejemplo para que te guies, es solo jquery , no usa ajax, inicialmente debes cargar los combos de las dos opciones

Código HTML:

Ver original<html>
<head>
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript">
    $(function()
    {   
        ValidaOpcion($(".radio:checked"));
        $(".radio").click(function()
        {
            ValidaOpcion(this);
        });
    });
 
    function ValidaOpcion(e)
    {   
        var el = $(e);
 
        //validamos si el valor del radio button es empresas
        if(el.val() == 0)
        {
            $("#particulares").hide();
            $("#empresas").show();
        } 
        else
        {
            $("#particulares").show();
            $("#empresas").hide();
        }
    }
    </script>
 
</head>
<body>
 
 
<input type="radio" name="seleccion" class="radio" value="0">Empresas <br/>
<input type="radio" name="seleccion" class="radio" value="1" checked>Particulares <br/>
 
<select id="empresas">
    <option>Empresa 1</option>
    <option>Empresa 2</option>  
</select>   
 
<select id="particulares">
    <option>Particular 1</option>
    <option>Particular 2</option>  
</select>   
 
</body>
</html>

Gracias por tu posible solución, aunque ya comente que queria intentar resolverlo con php, pero me guardo tu ejemplo ya que me puede servir mas adelante. Gracias.

jcastro3 · #8 (**permalink**) 21/03/2013, 05:16

Aqui dejo el codigo:

Código PHP:

Ver original<table>
    <tr>
        <td colspan="4">
                      Tipo: 
                        <input type="radio" name="tipo" value="particular"    onclick="deshabComercial()" checked>Particular 
                       <input type="radio" name="tipo" value="empresa" onclick="habComercial()">Empresa
                 </td>
    </tr>
    <tr>
        <td>DNI: <?php
                $c = mysql_connect ('localhost','root','') or die ("No se pudo conectar");
                mysql_select_db("proyecto",$c);
                                $v1= $_POST['tipo']
                if($v1 == "particular"){
                    echo "<select name='dni' id='dni'>";
                                        $cons = "SELECT DNI FROM clientes WHERE nombre_comercial=''";
                    $res = mysql_query($cons,$c);
                    $i = 0;
                    while($row = mysql_fetch_row($res)){
                        echo "<option value".">".$row[$i]."</option>\n";
                    }
                    echo "</select>";
                            }else{
                    echo "<select name='dni' id='dni'>";
                                        $cons = "SELECT DNI FROM clientes WHERE nombre_comercial=''";
                    $res = mysql_query($cons,$c);
                    $i = 0;
                    while($row = mysql_fetch_row($res)){
                        echo "<option value".">".$row[$i]."</option>\n";
                    }
                    echo "</select>";
                                  }
            ?>
        </td>

Habia intentado recogere el valor del radio con $_POST pero no me funciona porque esta parte del formulario no se envía.

Lo que intento es que el combobox muestre unos dnis u otros dependiendo del valor seleccionado en el radio.

alex1084 · #9 (**permalink**) 21/03/2013, 09:20

Mira como te dije anteriormente a fuerza tenes que enviar los valores de los radio. Ese tiene que ser tu primer formulario, luego tenes que capturarlos y con esos datos filtrar los combobox

alex1084 · #10 (**permalink**) 21/03/2013, 09:35

Proba este código y adaptalo a lo que necesitas .....

Código PHP:

Ver original<form action="prueba.php" method="POST">
    Tipo: 
    <input type="radio" name="tipo" id="tipo" value="particular" checked>Particular 
    <input type="radio" name="tipo" id="tipo" value="Empresa" checked>Empresa   
    <input type="radio" name="ok" id="ok" value="Enviar">
</form>
 
<?php
if(isset($_POST["ok"])){
    if($_POST["tipo"]=="particular"){
        $cons = "Aqui la consulta de los particulares";
    }elseif($_POST["tipo"]=="Empresa"){
        $cons = "Aqui la consulta de las empresas";
    }
    $res = mysql_query($cons,$c);
    $listDNI="";
    while($row = mysql_fetch_row($res)){
        $listDNI.='<option value="'.$row["campoDNI"].'">"'.$row["campoDNI"].'"</option>';
    }
 
?>
<form action="prueba.php" method="POST">
    <select name="DNI">
    <?=$listDNI;?>
    </select>
</form>
<?php   
}
?>