web-dev-qa-db-fra.com

Twitter Bootstrap: Comment puis-je obtenir la valeur de liste déroulante sélectionnée?

Je dois obtenir la valeur qu'un utilisateur sélectionne dans une liste déroulante d'amorçage Twitter. Une fois que l'utilisateur sélectionne une valeur, je souhaite que la liste déroulante affiche cette valeur. Ainsi, l’utilisateur sélectionne «en attente», puis je souhaite modifier la valeur de la liste déroulante sélectionnée et, lorsque l’utilisateur remplit le formulaire, je souhaite récupérer la valeur sélectionnée. Est-ce que quelqu'un pourrait me diriger dans la bonne direction?

<div class="btn-group">
  <i class="dropdown-arrow dropdown-arrow-inverse"></i>
  <button class="btn btn-primary">status</button>
  <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu dropdown-inverse">
    <li><a href="#fakelink">pending</a></li>
    <li><a href="#fakelink">active</a></li>
    <li><a href="#fakelink">discontinued</a></li>
  </ul>
</div>
jquerycsstwitter-bootstrap
13
Matthew David Jankowski

Bootstrap vous fournit les fonctionnalités minimales requises pour votre implémentation, elles ne sont pas des listes déroulantes, mais simplement des applications avec css appliquées et certains événements enregistrés dans le plug-in bootstrap pour basculer le bouton et les afficher sous forme de liste déroulante. Celui que vous devez faire vous-même.

Définissez un identificateur sur le bouton d'état, par exemple un className btnStatus et liez un événement de clic aux liens déroulants. et faire quelque chose comme ça? 

$('.dropdown-inverse li > a').click(function(e){
    $('.btnStatus').text(this.innerHTML);
});

Démo

16
PSL

J'ai eu le même problème. La solution est assez simple et je pense que les réponses ci-dessus risquent de compliquer un peu les choses. 

Utilisez simplement $ (this) .text ()

Attribuez un nom de classe au bit "" puis .. 

$(".yourUlClassName li a").click( function() {
    var yourText = $(this).text();
});
11
BandfuzzAlex

vous pouvez essayer ceci:

vous pouvez utiliser class ou id pour que le sélecteur sélectionne plus facilement l’élément . pour utiliser la valeur; vous pouvez également utiliser la variable value dans u javascript avec jQuery. 

    $().ready(function(){
        $('a').click(function(){
            var value = $(this).text();
            alert(value);
        });
    });

Démo: http://jsfiddle.net/mr_mohsen_rasouli/A8m39/

2
Mohsen Rasouli

Essayez comme ça - 

$(document.body).on('click', '.dropdown-menu li a', function (e) {
    alert($(this).text());
});

Démo - Fiddle

0
Rohit Suthar