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

J'ai besoin d'obtenir la valeur d'un utilisateur sélectionne à partir d'un twitter bootstrap liste déroulante. Une fois que l'utilisateur sélectionne une valeur que je veux la liste déroulante pour afficher cette valeur. Ainsi, l'utilisateur sélectionne "en attente" alors je veux changer l'déroulante de valeur et, lorsque l'utilisateur remplit le formulaire, je veux récupérer la valeur sélectionnée. Quelqu'un pour être en mesure de me pointer 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>

Grâce,
Matt

source d'informationauteur Matthew David Jankowski

  1. 15

    Bootstrap vous fournit avec un minimum de fonctions nécessaires à votre application, ils ne sont pas des listes déroulantes lieu de cela, ils ne sont que de simples ul, li avec du css appliqué sur elle et quelques événements enregistrés dans le fichier de bootstrap plugin pour activer le bouton pour afficher sous forme de liste déroulante. Celui-ci, vous devez faire sur votre propre.

    Définir un identificateur pour le bouton d'état de dire un nom de classe btnStatus et cliquez sur lier un événement à la liste déroulante des liens. et faire quelque chose comme cela? 

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

    Démo

  2. 10

    J'ai eu le même problème. La solution est assez simple et je pense que les réponses ci-dessus peuvent être de compliquer à l'excès un peu.

    Suffit d'utiliser $(this).texte()

    Attribuer un nom de classe à l' "" peu alors.. 

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

    vous pouvez essayer ceci:

    u peut utiliser la classe ou l'id de sélecteur pour sélectionner plus facilement l'élément.
    pour utiliser la valeur u peut utiliser le 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/

  4. 0

    Essayez comme ceci - 

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

    Démo - Violon