title: Google maps markers form select-list (using: event.addDomListener & API V3)
body: <p>I’m trying to use a simple dropdown/select-list as a controller for markers (idea is that map would show the selected location/marker). DomListener can handle the onchange-event, but for some reason the marker don’t show up. Do I need to use another event listener, or create the markers some other way?</p>
  
  <pre><code>    var map = null;
  
  function initialize() {
  var myOptions = {
        zoom: 5 ... etc };
  var map = new google.maps.Map(document.getElementById('map_canvas'),
          myOptions);
  ...
  
   google.maps.event.addDomListener(document.getElementById('SelectList'), 
              'change', function() {
  
  var mypos = document.getElementById('SelectList').value;
  
  
  
  
  alert(mypos); /* output/value is correct */
  
  
  /* This code doesn’t display marker */
  var marker = new google.maps.Marker({
          position: mypos, 
          map: map,
          title:"Hello World!"
      });
  
  
  
       });
  
  ...
  }
  ------------------------
  My HTML select-list:
  &lt;select id="SelectList"&gt;
  &lt;option value="12.123456, 12.987654"&gt;location 1&lt;/option&gt;
  &lt;option value="11.123456, 12.987654"&gt;Location 2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>