jquery-dynamic-text.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
  $(function() {
  $('#appear_text').hide();
    // bind change event to select
    $('#dynamic_select').on('change', function() {
      var url = $(this).val(); // get selected value
      var text = $( "#dynamic_select option:selected" ).text();
      if (url) { // require a URL
       // window.location = url; // redirect
        console.log(text);
        $('#appear_text').text(text);
        $('#appear_text').show();
      }
      return false;
    });
  });

</script>
<!-- language: lang-html -->

<div style="float:left;">
<select id="dynamic_select">
  <option value="" selected>Pick a Website</option>
  <option value="http://www.google.com">Google</option>
  <option value="http://www.youtube.com">YouTube</option>
  <option value="https://www.gurustop.net">GuruStop.NET</option>
</select>
</div>
<div id="appear_text">
text
</div>