Récupérer valeur liste déroulante en php/javascript [Résolu/Fermé]

Signaler
Messages postés
15
Date d'inscription
samedi 16 juin 2012
Statut
Membre
Dernière intervention
8 juillet 2015
-
Brandon1993
Messages postés
15
Date d'inscription
samedi 16 juin 2012
Statut
Membre
Dernière intervention
8 juillet 2015
-
Bonjour,

Je recherche à récupérer la valeur d'une liste déroulante lorsque l'on clique sur "Ok", mais sans succès.

J'ai essayé :

<select name="niveau" class="niveau"> 
	<option value="facile">facile</option> 
	<option value="moyen">moyen</option> 
	<option value="difficile">difficile</option> 
</select>

<input type="button" name="submit" class="submit" value="Ok"/>

<div class="paf"></div>

<script>
$(function(){
	$('.submit').click(function(){
	var niveau = $('.niveau').text();	
		$('.paf').val(niveau);
	});
});
</script>


Cela ne semble pas fonctionner =/
Quelqu'un aurait la solution ?

Merci x)


2 réponses

Messages postés
1428
Date d'inscription
mercredi 29 juillet 2009
Statut
Contributeur
Dernière intervention
24 janvier 2019
87
http://jsfiddle.net/gs6xunqg/

<select name="niveau" class="niveau"> 
	<option value="facile">facile</option> 
	<option value="moyen">moyen</option> 
	<option value="difficile">difficile</option> 
</select>

<input type="button" name="submit" class="submit" value="Ok"/>
    
<div class="paf"></div>

<script>
$(function(){
	$('.submit').click(function(){
	var niveau = $('.niveau').val();
		$('.paf').text(niveau);
	});
});
</script>
Brandon1993
Messages postés
15
Date d'inscription
samedi 16 juin 2012
Statut
Membre
Dernière intervention
8 juillet 2015

J'ai inversé val et text. Super, merci x)
Messages postés
15
Date d'inscription
samedi 16 juin 2012
Statut
Membre
Dernière intervention
8 juillet 2015

J'ai remarqué que val récupère le contenu de "value".
Sauf que celui-ci est parfois différent (pour des raisons pratiques) du contenu de l'option.

Exemple : <option value="proposition1">facile</option>

Est-il possible de récupérer "facile" et non pas "proposition1"
miramaze
Messages postés
1428
Date d'inscription
mercredi 29 juillet 2009
Statut
Contributeur
Dernière intervention
24 janvier 2019
87
https://learn.jquery.com/using-jquery-core/faq/how-do-i-get-the-text-value-of-a-selected-option/ => http://jsfiddle.net/w7bqu8b3/1/

<select name="niveau" class="niveau">
    <option value="proposition1">facile</option>
    <option value="proposition2">moyen</option>
    <option value="proposition3">difficile</option>
</select>
<input type="button" name="submit" class="submit" value="Ok" />
<div class="paf"></div>
<script>
    $(function() {
        $('.submit').click(function() {
            var niveau = $('.niveau option:selected').text();
            $('.paf').text(niveau);
        });
    });
</script>
Brandon1993
Messages postés
15
Date d'inscription
samedi 16 juin 2012
Statut
Membre
Dernière intervention
8 juillet 2015

Génial ! On sait vraiment tt faire en programmation ^^
Merci