JSFiddle - React, Tailwind, and code Playground

by manoj

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<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>&nbsp;<span id="dropdown_title">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').on('click', function() {
    $('#dropdown_title').html($(this).find('a').html());
    });