title: on selecting the drop down change lat long of Google Map using JQuery or Javascript
body: <p>on selecting the drop down change lat long of Google Map using J Query or JavaScript 
  please find the below code and assist me thanks for your help in advance </p>
  
  <pre><code>&lt;form&gt;  
      &lt;select class="target"&gt;     
          &lt;option value="-25.363882,131.044922" selected="selected"&gt;Brazil&lt;/option&gt;
          &lt;option value="4,3"&gt;China&lt;/option&gt;   
      &lt;/select&gt;
  &lt;/form&gt;
  
    &lt;div id="map_canvas"&gt;&lt;/div&gt;
   &lt;script type="text/javascript"&gt;
  $(document).ready(function () {
  $('.target').change(function() {   
      var coordinate = $('select option:selected').val();
      alert(coordinate);
    //  alert(google_map(coordinate));
  });
  });
  
  function initialize() {
      alert(coordinate);
          var map_canvas = document.getElementById('map_canvas');
          var map_options = {
            center: new google.maps.LatLng(coordinate , coordinate1),
            zoom: 4,
            mapTypeId: google.maps.MapTypeId.ROADMAP
          }
          var map = new google.maps.Map(map_canvas, map_options)
        }
        google.maps.event.addDomListener(window, 'load', initialize);
  &lt;/script&gt;
  </code></pre>