Ejecutar select en pagina cargada
Publicado por Ruben (5 intervenciones) el 12/08/2015 03:12:45
Hola amigos,
Espero que esten bien, tengo una duda, les explico la situación:
Estoy cargando una pagina en base a una consulta realizada desde la pagina, ahora en esta misma necesito realizar filtros sobre la información cargada o bien realizar una consulta a la base con los filtros correspondientes y poder visualizarlos.
No se me ocurre como realizarlo ya que cuando la pagina carga, se muestran los valores que trae la consulta inicial.
Les dejo el codigo si me puede ayudar.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="CSS/Estilo.css" rel="stylesheet">
<link href="CSS/bootstrap.min.css" rel="stylesheet">
<
</head>
<%
ArrayList<Articulo> articulo = new ArrayList();
ArticuloDAO adao = new ArticuloDAO();
articulo = adao.BuscarArticulos();
%>
<body>
<%@include file="BASE/cabecera.jsp" %>
<header class="header-image">
<div style="padding-top: 10%;">
<h1></h1>
<h2></h2>
</div>
</header>
<div class="container" id="panel" >
<!--Buscador -->
<div class="col-sm-3">
<p class="lead">Categoria</p>
<div class="list-group">
<a href="#" class="list-group-item">Restoranes</a>
<a href="#" class="list-group-item">Cafes y bar</a>
<a href="#" class="list-group-item">Hospedaje</a>
</div>
</div>
<!--Filtro-->
<form method="POST" action="${pageContext.request.contextPath}/AplicaFiltro">
<div class="col-sm-6 contenedor-filtro">
<!-- region -->
<select name="region">
<option selected="">--- Region ---</option>
</select>
<!-- comuna-->
<select name="Seleccione Comuna">
<option selected="">--- Comuna ---</option>
</select>
<!--Lugar-->
<select name="Seleccione lugar">
<option selected="">--- Categoria ---</option>
</select>
<button class=" btn btn-info pull-right">Buscar</button>
</div>
</form>
<!-- articulos -->
<div class="col-sm-6 contenerdor-articulos" >
<% for (Articulo a : articulo){ %>
<div class="row articulo" style="margin-top: 10px;">
<div class="col-md-7">
<a href="#">
<img class="img-responsive" src="${pageContext.request.contextPath}/IMG/<%=a.getImagen() %>" alt="">
</a>
</div>
<div class="col-md-5">
<h3><%=a.getNombre() %></h3>
<h4><%=a.getComuna() %></h4>
<p><%=a.getDescripcion() %></p>
<a class="btn btn-primary" href="#">Seguir leyendo <span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</div>
<hr>
<%} %>
<hr>
</div>
<!-- Otros -->
<div class="col-sm-3">
<!--bloque derecho -->
</div>
</div>
</body>
</html>
Espero que esten bien, tengo una duda, les explico la situación:
Estoy cargando una pagina en base a una consulta realizada desde la pagina, ahora en esta misma necesito realizar filtros sobre la información cargada o bien realizar una consulta a la base con los filtros correspondientes y poder visualizarlos.
No se me ocurre como realizarlo ya que cuando la pagina carga, se muestran los valores que trae la consulta inicial.
Les dejo el codigo si me puede ayudar.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="CSS/Estilo.css" rel="stylesheet">
<link href="CSS/bootstrap.min.css" rel="stylesheet">
<
</head>
<%
ArrayList<Articulo> articulo = new ArrayList();
ArticuloDAO adao = new ArticuloDAO();
articulo = adao.BuscarArticulos();
%>
<body>
<%@include file="BASE/cabecera.jsp" %>
<header class="header-image">
<div style="padding-top: 10%;">
<h1></h1>
<h2></h2>
</div>
</header>
<div class="container" id="panel" >
<!--Buscador -->
<div class="col-sm-3">
<p class="lead">Categoria</p>
<div class="list-group">
<a href="#" class="list-group-item">Restoranes</a>
<a href="#" class="list-group-item">Cafes y bar</a>
<a href="#" class="list-group-item">Hospedaje</a>
</div>
</div>
<!--Filtro-->
<form method="POST" action="${pageContext.request.contextPath}/AplicaFiltro">
<div class="col-sm-6 contenedor-filtro">
<!-- region -->
<select name="region">
<option selected="">--- Region ---</option>
</select>
<!-- comuna-->
<select name="Seleccione Comuna">
<option selected="">--- Comuna ---</option>
</select>
<!--Lugar-->
<select name="Seleccione lugar">
<option selected="">--- Categoria ---</option>
</select>
<button class=" btn btn-info pull-right">Buscar</button>
</div>
</form>
<!-- articulos -->
<div class="col-sm-6 contenerdor-articulos" >
<% for (Articulo a : articulo){ %>
<div class="row articulo" style="margin-top: 10px;">
<div class="col-md-7">
<a href="#">
<img class="img-responsive" src="${pageContext.request.contextPath}/IMG/<%=a.getImagen() %>" alt="">
</a>
</div>
<div class="col-md-5">
<h3><%=a.getNombre() %></h3>
<h4><%=a.getComuna() %></h4>
<p><%=a.getDescripcion() %></p>
<a class="btn btn-primary" href="#">Seguir leyendo <span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</div>
<hr>
<%} %>
<hr>
</div>
<!-- Otros -->
<div class="col-sm-3">
<!--bloque derecho -->
</div>
</div>
</body>
</html>
Valora esta pregunta
0