0

Tengo la siguiente pag.. mi problema es que quiero seleccionar un estados y que abajo me aparesca los card del estado que seleccione.. el problema es que esos card vienen en arreglos y me a causado muchos errores.. alguna idea para que cuando haga click me muestre los card que deseo ? muchas gracias

este es el arreglo de los estado que se muestran

$stads= array("MIRANDA", "AMAZONA", "ANZOATEGUI"," APURE"," ARAGUA"," BARINAS"," CARABOBO"," COJEDES"," DELTA AMACURO"," DISTRITO CAPITAL"," CARACAS"," FALCON"," LARA"," MERIDA"," MONAGAS"," NUEVA ESPARTA"," PORTUGUESA","SUCRE","TACHIRA"," TRUJILLO"," VARGAS"," YARACUY"," ZULIA ");
$arrlength= count($stads);
echo "
<div class='col-md-3'>
    <div class='form-group'>
        <label for='cuadro1'>Estados:</label>
            <select class='form-control' id='cuadro1' name='taskOption'>
";

echo "<option value='' id='cuadro2'></option>";
for ($x=0; $x < $arrlength ; $x++) { 
 if ($stads [$x]!=null ) {
    $cc= $stads[$x];

echo "<option value='$cc' id='cuadro2'>$cc</option>";
    }
}
echo " </select>
    </div>
</div>";



//y  este es el arreglo que se muestran en los card .. 



for ($i=1; $i < $arrayres ; $i++) { 
 if ($arrayPal [$i]!=null ) {
    $ah = explode(';',$arrayPal[$i]);
    //print_r($ah[1]); 
    $cd = $ah[1];
    $ef = $ah[2];
 $as = $ah[18];
    $a3= ucfirst(strtolower($ah[25]));
    if ($cd=='LEGAL_PERSON') {
      /*
   echo "
        <div class='col-sm-4'> 
  <div class='w3-card-4'>
    <header class='w3-container w3-light-grey' style=' width: 350px; overflow:hidden; text-overflow:ellipsis; height:60px;' >
      <h5 style='color:#0D47A1;' > $ah[2]</h5>
    </header>
    <br>
    <div class='w3-container'>
      <img src='' alt='Avatar' class='w3-left w3-circle w3-margin-right' style='width:60px; height:70px;'>
    <div class'b' style='  height: 71px; overflow:hidden; text-overflow:ellipsis; color:#424242; ' >  $a3</div>
    </div>
  </div>
  <br>
</div>
";

    */
    }   else{
$a4= strtoupper($ah[3]);

/*
        echo "
        <div class='col-sm-4'> 
  <div class='w3-card-4'>
    <header class='w3-container w3-light-grey' style='width: 350px; overflow:hidden; text-overflow:ellipsis; height:60px;'>
      <h5 style='color:#0D47A1;'> $a4 </h5>
    </header>
    <br>
    <div class='w3-container'>
      <img src='' alt='Avatar' class='w3-left w3-circle w3-margin-right' style='width:60px;'>
    <div class'b' style='height: 71px; overflow:hidden; text-overflow:ellipsis;color:#424242;' >  
    $a3</div>
    </div>
  </div>
  <br>
</div>
"; */
1
  • ¿Qué tipo de errores? redacta mejor el problema.
    – rubench0
    el 23 jul. 2018 a las 14:22

1 respuesta 1

0

Bro, lo ideal es que uses una base de dato en la cual relacionas las estados, pero si requieres hacerlo asi, aqui te dejo un ejemplo que puedes usar con JS:

 $(document).ready(function(){

  $("#cuadro1").change(function(){


    if ( $("#cuadro1").val() == "MIRANDA") {

       // aqui puedes hacer lo que deseas si el la opcion

    }else if ( $("#cuadro1").val() == "ANZOATEGUI") {

        // aqui puedes hacer lo que deseas si el la opcion

    }else if ( $("#cuadro1").val() == "APURE") {

        // aqui puedes hacer lo que deseas si el la opcion

    }else if ( $("#cuadro1").val() == "ARAGUA") {

        // aqui puedes hacer lo que deseas si el la opcion

    }else if ( $("#cuadro1").val() == "BARINAS") {

        // aqui puedes hacer lo que deseas si el la opcion

    } // y asi sucesivamente hasta que valides todos... 

  });

});

O quizas tambien puede implementar el [switch case], espero te sirva y la marques como valida, suerte mi Bro By: JJ

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.