Activer une liste deroulante avec java script

nounou85

24 May 2011 à 06:32

bonjour,
j'ai crée une liste deroulante en php contenant des type_article et je voudrais l'activer en java script , c'est à dire lui ajouter un code en java script qui me permet d'afficher dans un champ à coté l'identifiant de l'article en qselectionnant un type_articl sur la liste!
merci d'avance pour votre aide!! Smiley smile

lddsoft

24 May 2011 à 07:01

Bonjour,

Un truc basique comme ceci ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Afficher l'identifiant de l'article sélectionné</title>

<script type="text/javascript">
function afficher(quelId){
	document.getElementById('identifiant').innerHTML = document.getElementById('sel').options[quelId].value;
}
</script>

<style type="text/css">
#frm {width: 250px; margin: 100px auto 0 auto;}
#sel {font: normal 14px arial, verdana, helvetica; color: #666;height: 26px}
#liste {float:left;}
#identifiant {float:right;border: 1px solid gray;padding:2px;width:150px;text-align:center;background:#F3F3F3;color:#666}
</style>

</head>
<body>
<form action="#" id="frm">
	<div id="liste">
		<select id="sel" onchange="afficher(this.selectedIndex)">
			<option value="identifiant_article_1">Article 1</option>
			<option value="identifiant_article_2">Article 2</option>
			<option value="identifiant_article_3">Article 3</option>
			<option value="identifiant_article_4">Article 4</option>
		</select>
	</div>
	<div id="identifiant">&nbsp;</div>
</form>
</body>
</html>

Cordialement