Récupérer valeur liste déroulante en php/javascript
Résolu
Brandon1993
Messages postés
17
Statut
Membre
-
Brandon1993 Messages postés 17 Statut Membre -
Brandon1993 Messages postés 17 Statut Membre -
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é :
Cela ne semble pas fonctionner =/
Quelqu'un aurait la solution ?
Merci x)
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
-
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> -
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"-
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> -
-
