jQuery addClass example

Change class name on click in jQuery

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="dropdown-toggle" type="text" name="area-input" id="area-input" data-toggle="dropdown">
<div class="dropdown-menu" role="menu" aria-labelledby="area-input">
<a class="dropdown-item d-area-input" href="#">Jway</a>
<a class="dropdown-item" href="#">Atrod</a>
</div>

JavaScript

$("div#dropDownSelect").click(function(e){
document.getElementById('area-input').value = e.target.innerHTML;
});