Récupérer la valeur d'un Select

Version imprimable

03/06/2014, 11h24
crixcrox

Récupérer la valeur d'un Select
bonjour cher membre,
je suis en architecture spring MVC, et je voudrais passé la valeur d'un Select en paramètre soit en POST soit en GET
Code:

1 2 3 4 5 6 7 8 <select> <option value="option1">option1</option> <option value="option2">option2</option> <option value="option3">option3</option> </select>
je voudrais quand je clique sur une des options disponible qu'il me passe en paramètre la valeur de cette option pour que je puisse faire une requête SQL avec coté serveur.

c'est un problème assez bloquant pour la suite de mon travail Merci d'avance de votre aide.
04/06/2014, 15h01
freddou17

Slt,

Tu veux le faire en AJAX? Si non pour quoi ne mets tu un form avec un name sur ton select. Ainsi tu pourras récupérer la valeur de ton select dans ton Controller... . Si tu as résussi à mettre en place une archi MVC avec spring, je ne vois pas ce qui te pose problème (requête HTTP + récupération de paramétre dans la servlet)...

Bon courage
++

Citation:

Envoyé par freddou17

Slt,

Tu veux le faire en AJAX? Si non pour quoi ne mets tu un form avec un name sur ton select. Ainsi tu pourras récupérer la valeur de ton select dans ton Controller... . Si tu as résussi à mettre en place une archi MVC avec spring, je ne vois pas ce qui te pose problème (requête HTTP + récupération de paramétre dans la servlet)...

Bon courage
++

Bonjour j'aurais aimé faire un form dans mon select mais j'ai pas réussi, je l'ai fais pour récupérer la valeur d'un champs de mon tableau mais j'ai pas réussi à le faire sur mon Select. Si tu peux me donné plus de détail sur comment je pourrais le faire.
Voila mon Select.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <div id="Statuts" class="styled-select"> <select id = "selectId"> <option>--Sélectionner--</option> <% List<String> lst1 = (List<String>) request.getAttribute("listeStatus"); for (String stat : lst1) { %> <option><%=stat%></option> <% } %> </select> </div>

05/06/2014, 10h19
crixcrox

PS: je voudrais éviter de rajouter un bouton valider à coté de mon Select

Slt,

Je pars tu principe que tu as quelque notions de web!!!!? D

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
                        <form name="myform" method="get" action="nomDeTonAction">
                                <div id="Statuts" class="styled-select">
					<select name="selectForm" id="selectId" onchange="javascript:sendForm();">
						<option>--Sélectionner--</option>
						<%
							List<String> lst1 = (List<String>) request.getAttribute("listeStatus");
											for (String stat : lst1) {
						%>
						<option><%=stat%></option>
						<%
							}
						%>
					</select>
				</div>
                        </form>
 
                     <script>
                             function sendForm(){
                                   myForm.submit();
                             }
                     </script>

et dans ton controller, tu récupère la valeur du paramètre selectForm...

++

Citation:

Envoyé par freddou17

Slt,

Je pars tu principe que tu as quelque notions de web!!!!? D

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
                        <form name="myform" method="get" action="nomDeTonAction">
                                <div id="Statuts" class="styled-select">
					<select name="selectForm" id="selectId" onchange="javascript:sendForm();">
						<option>--Sélectionner--</option>
						<%
							List<String> lst1 = (List<String>) request.getAttribute("listeStatus");
											for (String stat : lst1) {
						%>
						<option><%=stat%></option>
						<%
							}
						%>
					</select>
				</div>
                        </form>
 
                     <script>
                             function sendForm(){
                                   myForm.submit();
                             }
                     </script>

et dans ton controller, tu récupère la valeur du paramètre selectForm...

++

bonjour,
vraiment un grand merci, j'ai à peine modifié ton code est ça marche nickel.

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
 
				<form id ="myform" name="myform" method="POST" action="listesParStatus.html">
					<div id="Statuts" class="styled-select">
						<select name="statutPOST" id="selectForm">
							<option>--Sélectionner--</option>
							<%
								List<String> lst10 = (List<String>) request.getAttribute("listeStatus");
								for (String stat : lst10) {
							%>
							<option><%=stat%></option>
							<%
								}
							%>
						</select>
					</div>
				</form>
 
<!-- =============JS========= !-->
 
	<script type="text/javascript">
      $('#selectForm').change(function(){
      $('#myform').submit();
      });
      </script>

Sinon quand la page se rafraîchit je n'est plus la valeur de la dernière valeur affiché

exemple
<select>
<option> --Selectionner-- </option>
<option> valeur 1 </option>
<option> valeur 2 </option>
</select>

y'a pas moyen si je clique sur valeur2 quand il me retourne mon résultat que ça reste sélectionner

...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<select name="selectForm" id="selectId" onchange="javascript:sendForm();">
						<option>--Sélectionner--</option>
						<%
							List<String> lst1 = (List<String>) request.getAttribute("listeStatus");
							for (String stat : lst1) {
                                                       if(request.getAttribute("maValueSelectionnee").equals(stat){
						%>
						<option selected="selected"><%=stat%></option>
						<% }else{ %>
                                                  <option><%=stat%></option>
                                                <%}}%>
					</select>

pas très beau mais tu devrais t'en sortir, le principe étant de faire un setParameter dans ton Controller afin de conserver la valeur du select

++

merci Big Boss ;) ça marche nickeel .

je poste mon code coté JSP et coté Controller. peut etre que ça aidra quelqu'un ^^

Code JSP:

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
 
<head>
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
</head>
<body>             <form id ="myform" name="myform" method="POST" action="listesParStatus.html">
					<div id="Statuts" class="styled-select">
						<select name="statutPOST" id="selectForm">
							<option>--Sélectionner--</option>
							<%
								List<String> lst10 = (List<String>) request.getAttribute("listeStatus");
								for (String stat : lst10) {
									if(request.getAttribute("maValueSelectionnee").equals(stat)){
							%>
							<option selected="selected"><%=stat%></option>
						<% }else{ %>
                                                  <option><%=stat%></option>
                                                <%}}%>
					</select>
					</div>
				</form>
</body>
	<!-- ===================== Script pour le passage de paramètres d'un Select ===================== !-->
            <script type="text/javascript">
      $('#selectForm').change(function(){
      $('#myform').submit();
      });
      </script>

Code du controller ( architecture Spring MVC)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
		@RequestMapping(value = "/listesParStatus.html")
	public ModelAndView listeParStatut(@RequestParam("statutPOST") String statut) {
 
		ModelAndView modelAndView = new ModelAndView();
		listeStatut1 = devisManager.listeStatus(); // traitement avec la valeur statut récupérer depuis la JSP
		modelAndView.getModelMap().addAttribute("listeStatus", listeStatut1);  // mettre le résultat dans une liste listeStatus
		modelAndView.getModelMap().addAttribute("maValueSelectionnee", statut); // retourner un String  Statut pour que la valeur qui a été sélectionner reste sélectionner. 
		modelAndView.setViewName("page à retourner"); // on retourne notre JSP
 
		return modelAndView;
 
	}
	}

06/06/2014, 10h31
freddou17

ok, tant mieux...

penses à mettre le sujet en résolu

++ bon courage pour la suite.