События кликов API Карт Google "addDomListener" для selectbox

Question

У меня есть поле выбора, когда я выбираю страну, карта обновляется.

Все работает нормально, но я хочу исключить первое событие (щелкнув на поле выбора перед фактическим выбором).

var geocoder;
var mapOptions;
var map;

function new_initialize() {
    geocoder = new google.maps.Geocoder();
    mapOptions = { center: new google.maps.LatLng(0, 0), zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP };
    map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

    var myCountry = document.getElementById('country');
    google.maps.event.addDomListener(myCountry, 'click', function() {
        // get the value of the select box #country and set the map center to this
        codeAddress(this.value);
    });         

}
google.maps.event.addDomListener(window, 'load', new_initialize);

function codeAddress(address) {
    geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location });
        } else {
            alert("Geocode was not successful for the following reason: " + status);
        }
    });
}

Answer 1

Я бы сказал, что в вашем обработчике событий просто проверяйте значение и вызывайте codeAddress () только при наличии значения (при условии, что у вашего первого атрибута пустого значения)

var myCountry = document.getElementById('country');
google.maps.event.addDomListener(myCountry, 'click', function() {
    if (this.value != "") {
            // get the value of the select box #country and set the map center to this
            codeAddress(this.value);
    }
});