Récupérer valeur liste déroulante en php/javascript

Résolu/Fermé

Brandon1993 Messages postés 15 Date d'inscription samedi 16 juin 2012 Statut Membre Dernière intervention 8 juillet 2015 - 7 juil. 2015 à 21:55
Brandon1993 Messages postés 15 Date d'inscription samedi 16 juin 2012 Statut Membre Dernière intervention 8 juillet 2015 - 8 juil. 2015 à 00:17

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)

A voir également:

Récupérer valeur liste déroulante en php/javascript
Liste déroulante excel - Guide
Liste déroulante en cascade - Guide
Recuperer video youtube - Guide
Comment récupérer un compte facebook piraté - Guide
Recuperer message whatsapp - Guide

2 réponses

Réponse 1 / 2

miramaze Messages postés 1429 Date d'inscription mercredi 29 juillet 2009 Statut Contributeur Dernière intervention 1 mai 2022 92
7 juil. 2015 à 22:27

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
7 juil. 2015 à 23:18

J'ai inversé val et text. Super, merci x)

Réponse 2 / 2

Brandon1993 Messages postés 15 Date d'inscription samedi 16 juin 2012 Statut Membre Dernière intervention 8 juillet 2015
7 juil. 2015 à 23:49

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 1429 Date d'inscription mercredi 29 juillet 2009 Statut Contributeur Dernière intervention 1 mai 2022 92
8 juil. 2015 à 00:03

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
8 juil. 2015 à 00:17

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

Discussions similaires

Suppression listes déroulantes

Excel VBA : Récupérer la valeur d'une cellule

ALERT en php

Discussions similaires

Newsletters