Comment faire pour modifier l'affichage principal de liste déroulante quand un élément est sélectionné dans le bootstrap

Ce est la suivante http://jsfiddle.net/coderslay/enzDx/

Je suis en train de changer le texte Sélectionnez dès qu'un élément est cliqué

Donc, si je sélectionne One à partir de la liste puis One doit être affiché.

Comment faire?

OriginalL'auteur Coder_sLaY | 2012-12-28

  1. 9

    De travail exemple: http://jsfiddle.net/enzDx/5/

    La seule modification que j'ai faite à votre HTML a été pour le texte à la ligne "Select" avec span balises avec l'IDENTIFIANT de l'élément dropdown_title donc c'était plus facile à mettre à jour.

    JavaScript:

    $('.dropdown-toggle').dropdown();
$('#divNewNotifications li').on('click', function() {
    $('#dropdown_title').html($(this).find('a').html());
});​

    Fondamentalement, tout ce que je fais, c'est quand l'utilisateur clique sur un élément de liste, je l'ai mise à jour de la liste déroulante texte du titre avec le texte du lien contenu dans le dernier élément.

    Merci :)..........
    Merci beaucoup trop...

    OriginalL'auteur Elliot B.

  2. 3

    Vous pouvez vérifier l' click de l'événement sur la dropdown-menu : 

    $('.dropdown-menu > li').click(function() {
    var $toggle = $(this).parent().siblings('.dropdown-toggle');
    $toggle.html("<i class=\"icon icon-envelope icon-white\"></i> " + $(this).text() + "<span class=\"caret\"></span>")
});

    jsFiddle : http://jsfiddle.net/enzDx/6/ .

    OriginalL'auteur Samuel Caillerie

  3. 0

    HTML:

    <ul class="nav nav-pills left">
    <li class="dropdown active span8">
        <a class="dropdown-toggle" id="inp_impact" data-toggle="dropdown">
            <i class="icon icon-envelope icon-white"></i>
            <span id="text">Select</span><span class="caret"></span>
        </a>
        <ul ID="divNewNotifications" class="dropdown-menu">
            <li><a>One</a></li>
            <li><a>Two</a></li>
            <li><a>Three</a></li>
        </ul>
    </li>
</ul>

    JavaScript:

    $('.dropdown-toggle').dropdown();
$('#divNewNotifications li > a').click(function(){
    $('#text').text($(this).html());
});

    DÉMO

    J'ai juste ajouté une durée autour de la Select texte dans le html pour faire le code Javascript plus simple.

    OriginalL'auteur mornaner