[Bootstrap] Menu déroulant

**laoualb** · 19/07/2017, 16h52

Bonjour,
J'ai crée dynamiquement plusieurs menu déroulants[ dans ma jsp avec bootstrap, je voudrais quand je sélectionne
une valeur dans l'un des menu que la valeur apparaissent dans le menu concerné.le soucis que j'ai la valeur
apparaisse dans tous les menus.quelqun pourrait m'aider s'il vous plait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
45
 
<body>
  <%@include file="header.jsp"%>
    <div class="container">
        <form action="meta.do" method="post">
            <c:set var="count" value="0" scope="page" />
            <c:forEach items="${map}" var="entry">
                <c:if test="${entry.value ne '[null]'}">
                    <c:set var="count" value="${count + 1}" scope="page" />
                    <div class="col-md-2">
                        <div class="dropdown">
                            <a aria-expanded="false" aria-haspopup="true" role="button"
                                data-toggle="dropdown" class="dropdown-toggle" href="#">
 
                                 <span id="selected">${entry.key}</span>
 
                                 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <c:forEach items="${entry.value}" var="valeur">
                                    <li><a href="#">${valeur}</a></li>
                                </c:forEach>
                            </ul>
                        </div>
                    </div>
                </c:if>
            </c:forEach>
            <c:set var="para" value="${count}" scope="session" />
            <p>
                <button type="submit" class="btn btn-primary">Ajouter</button>
            </p>
        </form>
    </div>
    <script>
 
        $('.dropdown-menu a').click(function() {
 
        	for(var i=1;i<$('ul').length;i++)
 
 
 
        	   $('#selected').text($(this).text());  
        });
 
    </script>
</body>

Nom : openC.jpeg.PNG
Affichages : 188
Taille : 2,0 Ko

**Showie** · 01/08/2017, 11h27

Bonjour,

Tu n'es pas très clair mais bon.

Un premier point:
tu as un <span id="selected"> dans une boucle ça risque de dupliquer l'ID dans la page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
$('.dropdown-menu a').click(function() {
 
    for(var i=1;i<$('ul').length;i++)
         $('#selected').text($(this).text());  
 
});

tu cible les cliques sur ton menu mais après tu prend tous les ul de ta page et tu boucles dessus ?!?.

D'ailleurs ton for n'est pas utile non plus ... en fait je vois pas bien ce que tu veux faire mais en gros si ton idée est de remplir ton span selected par la valeur choisi tu devrais faire ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$('.dropdown-menu a').click(function(){
   $(this).parents('.dropdown').find('#selected').text($(this).text());
});

Dit moi si c'est ça que tu voulais ?

[Bootstrap] Menu déroulant

jQuery

Discussions similaires

Partager

Partager