JQuery - Como ocultar capas segun campo select?

Mensajes realizados anteriormente (No estaban la última vez que entraste)

Como ocultar capas segun campo select?
riztak (23/05/2016 21:45:43)306 visitas
1 respuesta

Como ocultar capas segun campo select?
DAVID (26/05/2016 10:04:51)

Como ocultar capas segun campo select?

Publicado por riztak (5 intervenciones) el 23/05/2016 21:45:43

Hola,

Tengo un campo select que contiene registros de la base de datos .Despues tengo una capa princpipal que contiene algunas capas cada una con su id.Lo que pretendo es cuando el usuario seleccione algunos valores del campo select, me recupere estos valores y me compruebe cuales ya estan en la capa principal y cuales no , y finalmente me oculte solo aquellas que donde su id no sea el seleccionado en el campo select.

La siguiente parte del codigo es la que genera las capas dinamicamente(no quise entrar en detalles en esta parte ya que el problema lo tengo con la parte de jquery):

codigo PHP:

$contentDiv="<div class='SH'";

	$contentDiv.="<div id='".$format_content."'>";

	$contentDiv.="<ol><li><label for='evaluation'>".$valor_content."</label><input type='checkbox' id='$capaFILE".$idcontent."' name='content[]' value='".$valor_content."' onclick='show_file($query_org,$query_eval,$query_test,$query_content,$id_capa,$idcontent,$pagina)';>";

	$contentDiv.="</div>";

	$contentDiv.="<ol>";

	$contentDiv.="<div id='$capaFILE' class='capaFILE' style='display: none;'></div>";

	$contentDiv.="</ol>";

	$contentDiv.="</li>";

	$contentDiv.="</ol>";

$contentDiv.="</div>";

echo $contentDiv;

Codigo jquery

$("#seleccio_content").on("change",function(){

 $('.SH').not("#Bulletin").each(function(index,valor_content){

		 	var format_content=valor_content.replace(/ /g, "_");

        	 $("#"+format_content).hide();

});

     $("#"+format_content).show();

})

Con este codigo solo funciona si selecciono solo un elemnto en el campo select, en cambio si selecciono mas de uno no me muestra nada, es decir me los oculta todos.

Les agradecería cualquier ayuda ya que llevo bastante tiempo con este problema.

Gracias de antemano!

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Como ocultar capas segun campo select?

Publicado por DAVID (40 intervenciones) el 26/05/2016 10:04:51

Hola,
Mira este ejemplo, que es muy sencillo, y creo que es lo que tu necesitas:
http://debstprograma.blogspot.com.es/2012/01/ocultar-y-mostrar-div-con-javascript.html

Un saludo,
David
estudio de diseño grafico

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Tabs en blogger

Menu no retractil