JSFiddle - React, Tailwind, and code Playground

by artoo

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<div class="container">
<div class="dropdown">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Dropdown button</button>

<div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 38px, 0px);">

<a class="dropdown-item theme_change" value="milly">milly</a>

<a class="dropdown-item theme_change" value="handyman">handyman</a>

<a class="dropdown-item theme_change" value="raphael">raphael</a></div></div>

CSS

@import url('http://getbootstrap.com/2.3.2/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
}
.top-div {
    padding-top: 35px;        
}

JavaScript

$("a").on("click", function(){
 //       var This = $(this);
        var selectedD = $(this).val();
        alert(selectedD);
});