Récup case à cocher dans variable

smotte761 · 01/08/2011, 11h45

Bonjour,

J'ai un menu déroulant avec des cases à cocher.

Ce menu contient des cases qui correspondent à des catégories : Public, amis, famille, professionnelle...

Un internaute peut très bien par exemple cocher amis et professionnelle.

Je souhaiterai récupérer dans une (ou plusieurs variables), ce que l'utilisateur a coché.

Pouvez vous m'aider, s'il vous plait ? Merci par avance.

Code html :

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
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
	<head> 
		<title>Démonstration jQuery MultiSelect</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 
		<script src="jquery.js" type="text/javascript"></script>
		<script src="jquery.dimensions.js" type="text/javascript"></script>
		<script src="jqueryMultiSelect.js" type="text/javascript"></script>
 
		<link href="jqueryMultiSelect.css" rel="stylesheet" type="text/css" />
 
		<script type="text/javascript">
 
			$(document).ready( function() {
 
				// Default options
				$("#control_1").multiSelect();
 
 
				$("FORM").submit( function() {
					var results = $(this).serialize().replace(/&/g, '\n');
					results = decodeURI(results);
					alert(results);
					return false;
				});
 
			});
 
		</script>
 
		<style type="text/css">
			HTML {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
			}
 
			H2 {
				font-size: 14px;
				font-weight: bold;
				margin: 1em 0em .25em 0em;
			}
 
			P {
				margin: 1em 0em;
			}
		</style>
	</head>
 
	<body>
 
		<form action="" method="post">
 
			<p>
				<select id="control_1" name="control_1[]" multiple="multiple" size="5">
					<option value=""></option>
					<option value="option_1">Public</option>
					<option value="option_2">Amis</option>
 
					<option value="option_3">Famille</option>
					<option value="option_4">Professionnel</option>
				</select>
			</p>
 
 
 
			<p>
				<input type="submit" value="Voir le résultat" />
			</p>
 
		</form>
 
	</body>
</html>

Bovino · 01/08/2011, 12h08

Code :

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

alert($('#control_1').val();

smotte761 · 01/08/2011, 12h21

Bonjour,

Merci pour votre réponse mais je ne vois pas où mettre cette ligne dans ce code :

Citation:

Code :

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

1
2
3
4
5
6
$("FORM").submit( function() {
					var results = $(this).serialize();
					//.replace(/&/g, '\n');
					results = decodeURI(results);
					alert(results);
					return false;

J'ai tout mis en commentaire et j'ai plaçé votre ligne. mais mon menu déroulant ne s'affiche plus ou plus exactement je ne peux plus sélectionner plusieurs case.

En fait, la finalité serait de stocker le tout en PHP dans une table mais je verrai cette partie plus tard.

Si vous pouviez m'en dire plus...

01/08/2011, 12h08	#2
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 793 Points : 35 793	Code : Sélectionner tout - Visualiser dans une fenêtre à part alert($('#control_1').val(); __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email