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 :

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...

Récup case à cocher dans variable

jQuery

Vue hybride

Discussions similaires

Partager

Partager