Como seleccionar ele elemento abuelo o bisabuelo apartir del atributo value?

riz08 · #1 (**permalink**) 13/07/2015, 12:42

Hola Muy buenas!

Estoy realiazando una lista arbol dinamica, y tengo dudas en la siguiente parte:
Tengo un campo select multiple que se carga mediante con los datos provinientes de una consulta mysql.La idea es que al seleccionar cualquier opcion en el campo select tendra que aparecer en la lista arbol y que cuando deseleccione esta opcion en el campo la idea es que desaparezca de la lista arbol.
lo que hago es capturar el evento onchange con jquery y hacer lo siguiente:

- Guardar todas las opciones seleccionadas del campo en una array
-Guardar todo lo que este listado actualmente en el arbol lista , tambien lo guardo en un array

lo que hago es recorer el array de listado arbol una a una y comprovar si esta en array de campo, si esta es que ha sido seleccionado previamente entonces no hago nada y si no esta oculto la capa de este texto.

Tengo dos problemas :
1)Me gustaria recorer todas las capas visibles y obtener el valor del atributo value para guardarlo en array lista arbol para que mas adelante pueda hacer la comparcion descrita anteriormente

2)Mi idea para mostrara o ocultar capa es que no pùedo acceder al la capa abuelo desde el valor del elemento hijo con el siguiiente codigo, no se que pasa que unas veces funciona una parte y otras no.

$("input[value="+datos_ORG[j]+"]").siblings('label').parent('li').parent('div').hi de(300);

Les agradeceria la ayuda de antemano .

Un saludo

Alexis88 · #2 (**permalink**) 13/07/2015, 13:33

Bienvenido a FDW.

Sería de mucha utilidad que nos muestres tanto la estructura de elementos que mencionas (HTML) y el bloque de código (JavaScript) que interactúa con dicha estructura. Si la estructura es dinámica, muéstranos un ejemplo de cómo es que queda. No es necesario que coloques un ejemplo grande, con algo corto y simple será suficiente.

No olvides usar el highlight respectivo.

Saludos

riz08 · #3 (**permalink**) 14/07/2015, 06:08

En primer lugar gracias por responder!.

Aqui tienes la partes de codigo javascript y HTML :

<html>
<head>

Código Javascript:

Ver original<script src="jquery-2.1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
function buscar_enArray(dato,array){
 
var i=0;
while(i<array.length){
    
    if(array[i]== dato){
        
        return true;
        break;
        
        }
        else{return false;}
        
        
    i++;
    
    }
}
 
 
$(document).ready(function(e) {
    
 
 $("#seleccio_org").on("change",function(){
//Creacion array campo  Organization
        llista=document.formulari.elements["seleccio_org[]"];
        llista2=document.formulari.elements["seleccio_org[]"].selectedIndex;
        opcions = llista.options;
        var dades_ORG=[];   
        if( llista2 !=-1 ) {
         for (i=0;i<opcions.length;i++) {
              if (opcions[i].selected==true) {
                  dades_ORG.push(opcions[i].value);
                        }
                     }
                  }
        else{
            for (i=0;i<opcions.length;i++){
            dades_ORG.push(opcions[i].value);
        }
    }   
 
//Creacio array Llista CHECKBOX      
    var dades_llista= [];
    //$( "input[ name='org[]']:not(:checked)").each(function(){
    //$("input[name='org[]']:checked").each(function(){
        
    $("input[name='org[]'").each(function(index, element) {
 
    dades_llista.push($(this).val());
 
    });
        
    
for(var j=0;j<dades_llista.length;j++){
//alert("valors de llista: "+dades_llista[j]+" valors de ORG: "+dades_ORG[x]);
     if(buscar_enArray(dades_llista[j],dades_ORG)){
    
            /*$("input[value="+dades_ORG[j]+"]").siblings('label').parent('li').parent('div').hide(300);
            $("input[value="+dades_ORG[j]+"]").css("cheked","false");
            $("#ol_eval").find('div').hide(300);*/
            
            $("#CAPA_ORG_"+j).show(300);
            $("#CAPA_EVAL_"+j).show(300);
            $("#org_"+j).css("checked",true);
          } 
          
          else{
      
            //alert("dades_llista: "+dades_llista);
            /*$("input[value="+dades_ORG[j]+"]").siblings('label').parent('li').parent('div').show(300);
            $("input[value="+dades_ORG[j]+"]").css("cheked","true");
            $("#ol_eval").find('div').show(300);*/
            
            ("#CAPA_ORG_"+j).hide(300);
            $("#CAPA_EVAL_"+j).hide(300);
            $("#org_"+j).css("checked",false);
             
              }
         }
 
     }); //al seleccionar camp ORG
});//document
</script>

</head>
<body>

Código PHP:

Ver original<?php
 
 
include('conectar.php');
 
 if (!$conexio=conectar_bd()){
    
    echo"Imposible conectarse con la base de datos: ".mysqli_connect_error();
    
    }
 
echo"<td align='center'><b>Organization</b><br><select id='seleccio_org' name='seleccio_org[]'  style='width:120px' multiple size='5' onChange='obtenir_test();popp()' >";  
       echo" <option value='0'> --Escoja opci&oacute;n-- </option>";     
 
    $org = mysqli_query($conexio, "SELECT * from organization");    
    while($fila=mysqli_fetch_assoc($org)){
    echo"<option value='".$fila['organization']."' id='$idopt".$id."' selected/>"."<b>".$fila['organization']."</b>"."</option>";
     $id++;
       }    
 
?>   
 
 
<ol class="tree">
        <li><label for="organization"><b>Organization</b></label> <input type="checkbox"   id="organization" value="organization" " onclick="visualitzarLLista()"/> 
            <ol>  
             
                  
                          
                    <div id="GENERAL" style="display: none;"></div>
          
         
                
                  
            </ol>
       </li>
                     
</ol>   
</body>
</html>
 
La capa "GENERAL" se carga con los datos mediante ajax que llama al archivo show.php  al cargar la pagina.Este archivo obtiene los datos enviados desde ajax.y los lista mediante como un arbol , las capas dinamicas las genero de esta forma dentro del archivo show.php:
 
 
<?php
 
$iden="org_";
$capaEVAL="CAPA_EVAL_";
$capaORG="CAPA_ORG_";
$idorg=0;
$numcapa=0;
$numORG=0;
 
 
for($i=0;$i<count($valor1);$i++){   
echo"<div id='$capaORG".$numORG."' style='display: block;' class='abuelo'";                
echo"<li><label for='organization'>".$valor1."</label><input type='checkbox' id='$iden".$idorg."' name='org[]' value='".$valor1."' onclick='show_llista($seleccio_eval,$numcapa,$llista_eval,$pagina,$aa);visualitzarLLista($idorg,$numcapa)';>";//per mostrar evaluation
echo"</div>";
        echo"<ol id='ol_eval'>";
        echo"<div id='$capaEVAL".$numcapa."' style='display: none;'>";  
        echo"</div>";           
        echo"</ol></li>";
        $numcapa++;
        $idorg++;   
        $numORG++;
     
            }   
         }
       }
    }
}
 
?>

Si hay cualquier aclaració que veais , solo me lo teneis que comentar.
Un saludo y gracias otra vez.

riz08 · #4 (**permalink**) 05/08/2015, 08:07

Hola otra vez!

me pueden ayudar porfa.

saludos y a la espera de vuestras respuestas.