Cara menampilkan item yang terpilih di dropdown menu pada bootstrap

Assalamu'alaikum wr wb.
Kali ini saya akan share Cara menampilkan item yang terpilih di dropdown menu pada bootstrap.
Berikut ini syntaxnya.
---------------------------------------
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<div class="container">
  
  <h2>Dropdown as Select</h2>
  <div class="btn-group">
    <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">Select a Country <span class="caret"></span></a>
    <ul class="dropdown-menu">
      <li><a href="#">Item I</a></li>
      <li><a href="#">Item II</a></li>
      <li><a href="#">Item III</a></li>
      <li><a href="#">Item IV</a></li>
      <li><a href="#">Item V</a></li>
      <li class="divider"></li>
      <li><a href="#">Other</a></li>
    </ul>
  </div>
  
</div>

<script type="text/javascript">
$(".dropdown-menu li a").click(function(){
  var selText = $(this).text();
  $(this).parents('.btn-group').find('.dropdown-toggle').html(selText+' <span class="caret"></span>');
});
</script>
---------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/