Javascript, liste deroulante et champs texte

zigzig -  
Marco la baraque Messages postés 996 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonsoir,

je cherche partout sans succès un code Javascript qui permet de d'afficher automatiquement une certaine valeur dans un champs texte en fonction de l'option que l'on choisi dans une liste déroulante. Quelqu'un pourrait t'il m'aider?. Merci.
A voir également:

1 réponse

Marco la baraque Messages postés 996 Date d'inscription   Statut Contributeur Dernière intervention   329
 
Salut Zigzig,
Regarde ça et adapte ce code à tes besoins.

Fichier index.html :
<html>
<head>
	<title>CCM Example</title>
	<script type="text/javascript" src="javascript.js"></script>
</head>
<body>
	<select name="select" id="select" onChange="showSelection();">
		<option value="opt1">Option1</option>
		<option value="opt2">Option2</option>
	</select>
	<input type="text" name="entry" id="txt"/>
</body>
</html>


Fichier javascript.js :
function showSelection() {
	var menu = document.getElementById('select');
	
	var msg;
	switch(menu.options[menu.selectedIndex].value) {
		case 'opt1' : msg = 'first message'; break;
		case 'opt2' : msg = 'second message'; break;
		default: msg = 'invalid selection';
	}
	setText(msg);
}

function setText(msg) {
	var txt = document.getElementById('txt');
	txt.value = msg;
}


Bien cordialement,
0