remplir une liste dynamique

Bonsoir
j'ai un soucis pour remplir une liste déroulante dynamiquement en fonction d'une autre liste
voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<select th:field="*{dt}" class="form-control" onchange="ee()" name="dt" id="dt" style="width: 30% !important;" >
  <option value="0">Toutes les DT</option>
  <option th:each="dt : ${dts}" th:value="${dt.dt}" th:utext="${dt.dt}"/>
</select>
 
<script type="text/javascript">
function ee()
{
 
  var defaultOption = $("#dt option[value='default']");
  if (defaultOption) defaultOption.remove();
 
  var dt = $('#dt').val();
  var url = "./suivi?" + dt;
  $.get(url, populateEmployeeInfo);	
}
 
function populateEmployeeInfo(data) 
{
 
  var response = data.response;
  $('#acto option').remove(
  $("#acto").append('<option value="">Choisir une sous catégorie</option>');
  //Remplir ma liste acto
}
</script>
<br/>
<p style="float: left; width: 15%">Acto</p>
<select th:field="*{acto}" class="form-control" style="width: 30% !important;">
  <option value="0">Toutes les Acto</option>
  <option th:each="acto: ${actos}" th:value="${acto.lib_acto}" th:utext="${acto.lib_acto}"/>
</select>

Mon contrôleur:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
 
 
 
@Controller
@PropertySource("classpath:database.properties")
public class SuiviController {
 
 
 
 
	@Autowired
	private DtDao dtDao;
 
 
 
	@RequestMapping(value="/suivi")
	public String gestionGet(Model model, HttpServletRequest request) {
 
		SuiviForm form = new SuiviForm();
		model.addAttribute("suiviForm", form);
 
 
		List<ActoModel> dt = dtDao.findByDt();
		model.addAttribute("dts", dt);
 
 
 
		return "suivi";
	}
 
 
	@RequestMapping(value="/suivi/{dt}")
 
  public List<AcoModel> gestionGet(Model model, HttpServletRequest request,@PathVariable String dt) {
	  List<AcoModel> acto= dtDao.findByActo(dt);
        model.addAttribute("actos", acto);
      return acto;
    }
 
 
 
 
}

ma classe securité:

Code:

1
2
3
4
5
6
7
8
9
10
 
@Override
	protected void configure(HttpSecurity http) throws Exception {
		http.csrf().disable();
 
		http.authorizeRequests()
				.antMatchers("/suivi/*").hasRole("ADMIN")
				;
 
	}