从下拉列表中选择一个值，它应显示在<a> tag

Question

[When i click on 'a' tag dropdrown appears now i want to select a option and that option should be displayed on "choose a specialty", like if i select fever then fever should be displayed. how to implement this

<div class="col-md-4">
  <div class="panel-group">
    <div class="panel panel-default">
	
	
	
      <a style="text-decoration : none" href="#collapse1" data-toggle="collapse">
        <h5 class="text-muted" >&nbsp; &nbsp; Specialty</h5>
        <h4>&nbsp; &nbsp;Choose a specialty ;<span class="glyphicon glyphicon-chevron-down"></span>
        </h4>
      </a>
      <div id="collapse1" class="panel-collapse collapse">
     <div class="list-group">
    <a href="#" class="list-group-item">Fever</a>
    <a href="#" class="list-group-item">Dentist</a>
    <a href="#" class="list-group-item">Injury</a>
    <a href="#" class="list-group-item">Foot</a>
    <a href="#" class="list-group-item">Xray</a>
</div>
      </div>
    </div>
  </div>
</div>

] 1

中