11548 sujets

JavaScript, DOM et API Web HTML5

Select multiple et sélection par défaut

Bonjour à tous,

J'ai une dropdown list sous forme d'une balise select avec le paramètre multiple actif. Je cherche au chargement de la page à sélectionner plusieurs entrées simultanément dans cette liste. J'arrive bien à en sélectionner une mais dès que je veux en sélectionner une seconde, ça efface ma première sélection.

Merci d'avance à ceux qui prendront le temps de se pencher sur mon problème.
Modérateur
Salut,

Vu que tu cherches à sélectionner ces entrées au chargement, pourquoi ne pas le faire via XHTML ?

Je te laisse malgré tout un exemple... Dans le premier select, je sélectionne via XHTML et dans le second via JS :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
					  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<title>Exemple</title>
		<script type="text/javascript">//<![CDATA[

function fnSelect()
{
	var oSel = document.getElementsByTagName('select')[1];
	var oOpt1 = oSel.getElementsByTagName('option')[0];
	var oOpt3 = oSel.getElementsByTagName('option')[2];
	oOpt1.selected = 'selected';
	oOpt3.selected = 'selected';
}
window.onload = fnSelect;

		//]]></script>
	</head>
	<body>
		<select name="disney" multiple="multiple" size="3">
			<option value="riri" selected="selected">Riri</option>
			<option value="fifi">Fifi</option>
			<option value="loulou" selected="selected">Loulou</option>
		</select>
		<select name="disney2" multiple="multiple" size="3">
			<option value="mickey">Mickey</option>
			<option value="donald">Donald</option>
			<option value="pluto">Pluto</option>
		</select>
	</body>
</html>
En fait ce n'est pas exactement sur le onLoad que j'effectue l'action (j'aurais dû préciser, mea culpa), raison pour laquelle j'ai besoin d'une solution javascript. Celle proposée me va parfaitement, merci beaucoup !
Sujet clos
Aller à