array et Select

**toutais** · 03/08/2011, 13h49

Bonjour !!!

Voici un petit problème que je rencontre.
J'ai un Select avec plusieurs choix possible(6) et je voudrai afficher dans un div, au fur et a mesure que le client fait ses choix, ses sélections.
Pour le moment, j'arrive simplement a afficher que la premiere valeur sélectionnée.
Je ne sais pas comment faire pour afficher toutes les valeurs sélectionnées.

la page html :

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<body>
<p><label>Dans la liste suivante, sélectionnez les 6 qualités qui définissent le mieux votre personnalité :</label><select size="4" name="ctl00$cph_centre$rp_CategorieQuestion$ctl01$rp_Question$ctl00$Quest_90" multiple="multiple" id="ctl00_cph_centre_rp_CategorieQuestion_ctl01_rp_Question_ctl00_Quest_90">
		<option value="Ambitieuse">Ambitieuse</option>
		<option value="
Affective">
Affective</option>
		<option value="
Aimable">
Aimable</option>
		<option value="
A l'écoute">
A l'écoute</option>
		<option value="
Attentionnée">
Attentionnée</option>
		<option value="
Calme conviviale">
Calme conviviale</option>
		<option value="
Communicative">
Communicative</option>
		<option value="
Courageuse">
Courageuse</option>
		<option value="
Créative">
Créative</option>
		<option value="
Curieuse">
Curieuse</option>
		<option value="
Démonstrative">
Démonstrative</option>
		<option value="
Dévouée">
Dévouée</option>
		<option value="
Douce">
Douce</option>
		<option value="
Drôle">
Drôle</option>
		<option value="
Dynamique">
Dynamique</option>
		<option value="
Efficace">
Efficace</option>
		<option value="
Enthousiaste">
Enthousiaste</option>
		<option value="
Fidèle">
Fidèle</option>
		<option value="
Généreuse">
Généreuse</option>
		<option value="
Inventive">
Inventive</option>
		<option value="
Joyeuse">
Joyeuse</option>
		<option value="
Logique">
Logique</option>
		<option value="
Observatrice">
Observatrice</option>
		<option value="
Organisée">
Organisée</option>
		<option value="
Ouverte aux autres">
Ouverte aux autres</option>
		<option value="
Prefectionniste">
Prefectionniste</option>
		<option value="
Persévérante">
Persévérante</option>
		<option value="
Rapide">
Rapide</option>
		<option value="
Rassurante">
Rassurante</option>
		<option value="
Respecteuse">
Respecteuse</option>
		<option value="
Responsable">
Responsable</option>
		<option value="
Rigoureuse">
Rigoureuse</option>
		<option value="
Sensible">
Sensible</option>
		<option value="
Sérieuse">
Sérieuse</option>
		<option value="
Sincère">
Sincère</option>
		<option value="
Spontanée">
Spontanée</option>
 
	</select><br /></p>
    <div id="reponseselectionner"></div>
 
</body>
 
et enfin le script js :
<script src="SpryAssets/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 
function verif(){
	var compte = $('#ctl00_cph_centre_rp_CategorieQuestion_ctl01_rp_Question_ctl00_Quest_90');
	var reponse =$('#reponseselectionner');
	compte.click(function(){
			reponse.append('vous avez sélectionné :'+this.value+'</br>');
 
						  })
}
verif();
						   })
 
 
 
</script>

Vous allez me dire que je devrais mettre des checkbox et le tour serais joué. oui mais il y a un hic. ce code html est genéré par du dotnet et je ne veux pas y toucher car tout fonctionne nickel.

Si vous pouvez m'aider, me mettre sur la piste.
Merci a vous.

**SpaceFrog** · 03/08/2011, 13h57

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
<script type="text/javascript">
$(document).ready(function(){
 
function verif(){
 
 
	$('#ctl00_cph_centre_rp_CategorieQuestion_ctl01_rp_Question_ctl00_Quest_90').click(function(){
	alert( $(this).find('option:selected').length);		
 
						  })
}
verif();
						   })
 
 
 
</script>

**Bovino** · 03/08/2011, 14h07

Code :

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

1
2
3
$('#ctl00_cph_centre_rp_CategorieQuestion_ctl01_rp_Question_ctl00_Quest_90').click(function(){
	alert($(this).val().length);		
})

**toutais** · 03/08/2011, 14h10

Merci pour cet indice.
Pour le moment ,ça m'alerte le nombre de click. Ce n'est pas ce que je veux mais j'ai maintenant un début. Merci !!

**SpaceFrog** · 03/08/2011, 14h10

ben non Beef ça passe pas .. ???

Ha ben si ...
:red:
j'avais laissé le selected !

meaculpa

**Bovino** · 03/08/2011, 14h17

Envoyé par toutais

Pour le moment ,ça m'alerte le nombre de click. Ce n'est pas ce que je veux mais j'ai maintenant un début. Merci !!

Code :

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

1
2
3
$('#ctl00_cph_centre_rp_CategorieQuestion_ctl01_rp_Question_ctl00_Quest_90').click(function(){
	alert($(this).val().join('<br />'));		
})

**SpaceFrog** · 03/08/2011, 14h21

Code :

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

alert($(this).val().join('\n'));

\n pour l'alert

**toutais** · 03/08/2011, 14h21

Merci pour votre aide.

J'ai ma réponse et surtout la solution.

Merci encore à vous pour vos solutions.
Je cloture le sujet.

Problème résolu.

array et Select

jQuery

Discussions similaires

Partager

Partager