begin process at 2012 05 29 23:54:17
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Select multiple récupèration des options


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Select multiple récupèration des options

lundi 19 avril 2010 à 21:22:22 | Select multiple récupèration des options

bruno9173

Bonsoir,

Je débute en javascript et je bloque depuis une journée sur la récupération dans une variable de l'ensemble des valeurs même non sélectionnées d'un select multiple.
Pour tester j'ai un bouton avec un onclick="select_all", il ramène le nombre total des options mais toujours en indéfini et je ne sais pas pourquoi : L'option undefined est sélectionnée
Merci pour votre aide.

Voici le code :

[CODE]<script type="text/javascript">
function select_all(){
var selectedList = new Array();
var selectBox = document.forms[0].selection;
var nb = selectBox.options.length;
for (var i=0; i<nb; i++) {
if (selectBox.options[i]) {
selectedList.push(selectBox.options[i]);
}
}
var alertTxt = "";
for (opt in selectedList) {
alertTxt += "L'option "+opt.value+" est selectionnée \n";
}
alert(alertTxt);
}
</script>
<form name="form1" id="form1" method="post" action="">
<table>
<tr>
<td>
<select id="selection" name="selection" multiple="multiple" size="3">
<option value="s1">site1</option>
<option value="s2">site2</option>
<option value="s3">site3</option>
</select>
</td>
<td>
<input type="button" name="valider" value="valider" onclick="select_all()">
</td>
</tr>
</table>
</form>[CODE]
mardi 20 avril 2010 à 12:34:37 | Re : Select multiple récupèration des options

Zobibol

Membre Club
Bien le bonjour,
je ne sais pas si j'ai tout compris mais s'il faut récupérer les options sélectionnées il existe l'attribut selected sur les tags <option>:
première version (un peu nulle):
Code HTML :
<html>

<head>
	<script type="text/javascript">
function select_all(){
	var selectedList = new Array();
	// variable contenant les listes non selectionnées.
	var notSelectedList = new Array();
	var selectBox = document.forms[0].selection;
	var nb = selectBox.options.length;
	for (var i=0; i<nb; i++) {
		
		if (selectBox.options[i].selected) {
			selectedList.push(selectBox.options[i]);
		}
		else{
			notSelectedList.push (selectBox.options[i]);
		}
	}
	var alertTxt = "";
	for (var i =0; i<selectedList.length;i++) {
		alertTxt += "L'option "+selectedList[i].value+" est selectionnée \n";
	}
	alertTxt += "-------------------------\n";
	for (var i =0; i<notSelectedList.length;i++) {
		alertTxt += "L'option "+notSelectedList[i].value+" n'est pas selectionnée \n";
	}
	alert(alertTxt);
}
</script>
</head>
<body>
<form name="form1" id="form1" method="post" action="">
<table>
<tr>
<td>
<select id="selection" name="selection" multiple="multiple" size="3">
<option value="s1">site1</option>
<option value="s2">site2</option>
<option value="s3">site3</option>
</select>
</td>
<td>
<input type="button" name="valider" value="valider" onclick="select_all()">
</td>
</tr>
</table>
</form>
</body>
</html>

un peu nulle parce qu'il est inutile de remplir des Array juste pour ça.
la deuxième (plus judicieuse):
Code HTML :
<html>

<head>
	<script type="text/javascript">
	function select_all(){
		var selectBox = document.forms[0].selection;
		var nb = selectBox.options.length;
		var alertTxt = "";
		for (var i=0; i<nb; i++) {
			// si l'attribut selected est présent, alos l'option est sélectionnée.
			if (selectBox.options[i].selected) {
				alertTxt += "L'option "+selectBox.options[i].value+" est selectionnée \n";
			}
			else{
				alertTxt += "L'option "+selectBox.options[i].value+" n'est pas selectionnée \n";
			}
		}
		alert(alertTxt);
	}
</script>
</head>
<body>
<form name="form1" id="form1" method="post" action="">
<table>
<tr>
<td>
<select id="selection" name="selection" multiple="multiple" size="3">
<option value="s1">site1</option>
<option value="s2">site2</option>
<option value="s3">site3</option>
</select>
</td>
<td>
<input type="button" name="valider" value="valider" onclick="select_all()">
</td>
</tr>
</table>
</form>
</body>
</html>


Après comme je l'annonce, je ne sais pas si j'ai bien tout compris.

[o-_-o]


Cette discussion est classée dans : code, var, select, options, multiple


Répondre à ce message

Sujets en rapport avec ce message

tableau avec javascript et php [ par DROMOS ] bonjour,Merci d'avance de prendre le temps de lire ma demande.Voilà je vous explique, j'ai un formulaire qui comporte trois champs. le premier champ r removeAttribute("disabled") d'une option d'un select [ par sarrjo ] Bonjour, Voici mon probléme j'ai deux miltiselects:Genre et nom dans lesquels si je choisis 1 element de chaque et je valide ,j'ai un tableau qui se c Parcours d'un tableau en JS [ par Canyata ] Bonjour à tous [^^happy17] J'ai une question à vous poser. J'ai un tableau en HTML sur ma page: [code=php]echo""; echo""; echo""; echo""; code scripte inconue [ par pitsi ] Slt! j'aimerais savoir ce que fait cette code scripte ?? parce que avant il ni avais pas cela sur mon site maintenant il en a sur tout mes page php Automatisation d'un diaporama [ par ciranox ] Bonjour, J'ai un diaporama que j'ai trouvé sur ce site. Je voudrais juste que mes images défile automatiquement et pourvoir régler la vitesse. J'ai t entete setRequestHeader envoi de fichier [ par ju0123456789 ] Bonjour, J'ai un script : [code=js]function AjoutePhoto() { var sel = document.getElementById('inser_photo'); if( sel != null ) { do Scinder du code en deux pages [ par Prof_Matches ] Bonjour, Voici le code que j'ai sur une page HTML : J'aimerais avoir sur : [*] - page 1 : les variables var et le résultat des document.write [*] jquery nombre d'options d'un select [ par Raul duke ] bonjour a tous, je souhaite modifier un peu jquery.ligthswitch.js comme le sujet l'indique, je souhaiterais récupérer le nombres d'options contenues Problème d'exécution JS dans retour ajax [ par fabulofr ] Bonjour à tous :) J'ai un p'tit sushi :D euh.. souci lol ^^ Je fais une requête ajax sur mon serveur bref je vous passe les détails du code ajax... panier d'achat mis a jour [ par Dav_c ] Bonjour, je code un script de e-commerce qui pour l'instant marche sans problème sauf que le panier ne s'actualise pas toujours. Bref un peu de code


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 4,696 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales