dropdown en cascada con jquery + ajax + java

[weltxo]

Hola amigos, necesito que me echen una mano, por que llevo un día entero dándole vueltas y no consigo el resultado deseado.

Al querer persistir un objeto Address, tengo un dropdown con un listado de países almacenados en la base de datos. Cuando selecciono un país (por ejemplo, España) quiero que el siguiente dropdown recargue sus regiones (Madrid, Cataluña, Asturias...), y a su vez, cuándo seleccione una región, en el tercer dropdown liste todas sus ciudades.

La cuestión es que no imprime ningún resultado en la vista.

Añadí las dependencias al archivo pom.xml

Código:

		<!-- To convert JSON / WS Rest -->
		<dependency>
			<groupId>com.fasterxml.jackson.core</groupId>
			<artifactId>jackson-core</artifactId>
			<version>2.5.1</version>
		</dependency>
		<dependency>
			<groupId>com.fasterxml.jackson.core</groupId>
			<artifactId>jackson-databind</artifactId>
			<version>2.5.1</version>
		</dependency>

Añadí el método en el controlador

Código:

.......

@Controller
public class AddressController {

......

	@RequestMapping(value = { "/address/showRegions" }, method = RequestMethod.POST)
	public @ResponseBody List<Region> selectRegions(Long countryId) {
		List<Region> regions = regionDAO.selectRegionByCountry(countryId);
		
		return regions;
	}

La vista contiene:

Código:

<script type="text/javascript">
	$(document).ready(function() {
	$('#country').change(function(event) {
		$.post('selectRegions', {
			countryId : parseInt($("#country option:selected").val()) },
			function(response) {
				$('#drop-regions').append("<p>asdf</p>"); //sustituir por dropdowns de region
			});
		});
	});
</script>
							
<c:url var="post_address"  value="/address/new" />
<sf:form method="post" action="${post_address}" modelAttribute="address">
							
	<label for="street">Street</label>
	<sf:input path="street" placeholder="Street" />
								
	<label for="zip">ZIP</label>
	<sf:input path="zip" placeholder="ZIP" />
								
	<label for="country">Country:</label>
	<sf:select path="" id="country" name="country">
		<sf:option value="" label="-- Select a country --" />
		<c:forEach var="country" items="${countries}">
			<sf:option value="${country.id}" label="${fn:toUpperCase(country.name)}" />
		</c:forEach>
	</sf:select>
								
	<div id="drop-regions">
		<label for="region">Region:</label>
		<sf:select path="" id="region" name="name">
			<sf:option value="" label="-- Select a region --" />
		</sf:select>
									
		<div id="drop-cities">
			<label for="city">City:</label>
			<sf:select path="" id="city" name="city">
				<sf:option value="" label="-- Select a city --" />
			</sf:select>
		</div>
	</div>
								
	<sf:button>Create</sf:button>
</sf:form>

Espero sus comentarios, gracias de antemano!

[Profesor_Falken]

Buenas,

No veo que en ningún sitio estés definiendo el listener para que recargue las regiones.

http://stackoverflow.com/questions/9...-selectonemenu

Un saludo

[weltxo]

Iniciado por Profesor_Falken

Buenas,

No veo que en ningún sitio estés definiendo el listener para que recargue las regiones.

http://stackoverflow.com/questions/9...-selectonemenu

Un saludo

mmm, no entiendo muy bien. Estoy viendo ese enlace pero utiliza jsf en lugar de jsp que es como lo estoy haciendo.

[Profesor_Falken]

Cierto, perdon. Le eche un vistazo rapido y pensaba que utilizabas JSF. Veo que utilizas unos taglibs, entiendo que de Spring.

En cualquier caso el problema es similar. No llamas al controlador.

En tu llamada ajax estas llamando a selectRegions
$.post('selectRegions', {

Sin embargo tu controlador lo tienes mapeado a /address/showRegions

Un saludo

[ElAthlit]

Hola,
solo por completar un poco lo que te comenta Profesor_Falken, en el método AJAX estás llamando directamente al método de tu controlador selectRegions y esto no es correcto, debes hacer la llamada al mapeo que tienes establecido:

$.post('/address/showRegions', {

Y tendrás que enviar (y recibir en el controlador el parámetro long), que te falta tambien.

En este link te explican cómo debes hacerlo:
http://vitalflux.com/make-ajax-calls-java-spring-mvc/

Saludos