[RESOLU] Changer d'image sans bouton de validation

Petit nouveau ! | 6 Messages

18 juin 2014, 10:54

Bonjour,

J'aimerais avoir votre aide car je bloque sur 2 points :/

J'ai actuellement un formulaire qui se présente comme ceci :
<form action="test.php" method="get">
	Prénom :
	<input type="text" name="prenom">
	Nom :
	<input type="text" name="nom">
	Age :
	<input type="text" name="age">
	Sexe :
	<input type="text" name="sexe">
	Animal préferé:
	<select id='animal' name="animal" onChange="AfficherImage()">
	<option value="0">Chat</option>
	<option value="1">Chien</option>
	<option value="2" selected="selected">Hamster</option>
	</select>
	<input type="submit" value="envoyer">
	</form>
Ce que j'aimerais réaliser : Quand on choisit une image dans la liste déroulante, elle apparait sans avoir besoin d'utiliser un bouton de validation !

Je sais qu'il faut utiliser une fonction onChange mais la seule chose que j'arrive a faire en javascript c'est des alertes :oops:

PS: j'ai déja regardé des tutos sur cet événement mais je n'ai pas compris (je suis noob je sais 8-| )
tutos de ce style : http://www.commentcamarche.net/forum/af ... e-onchange

Merci d'avance à tous ceux qui pourraient m'aider !

Mammouth du PHP | 1339 Messages

18 juin 2014, 14:49

[javascript]
$(document).ready(function() {
$('#animal').on('change', function() {
$(this).after('<img src="path/image/'+$(this).val()+'.jpg" />');
});
});[/javascript]

Ca se sert de jQuey et ca affichera 1.jpg, 2.jpg

PS : Met des <label>sur tes trucs ... <label for="prenom">Prénom :</label>
Bon sinon tu me fais un message privé et on se fait un TeamViewer

Petit nouveau ! | 6 Messages

19 juin 2014, 08:57

Merci :)