Google지도 api 자동 완성 국가

Question

내가 선택한 특정 국가에서만 주소를 얻고 싶습니다. 내 코드 :

var country=""; 
    $("select[name='country_id']").change(function() { 
     co=$("select[name='country_id']").val(); 

    }); 
    function initialize() { 
     var options={}; 
     if(country){ 
     options = { 
       types: ['geocode'], 
       componentRestrictions: {country: country} 
      }; 
     }else{ 
      options = { 
       types: ['geocode'] 
      }; 
     } 

     var input = document.getElementById('address'); 
     var autocomplete = new google.maps.places.Autocomplete(input,options); 

     google.maps.event.addListener(autocomplete, 'place_changed', function() { 
     //... 
     }); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 

하지만 내 국가 값은 항상 비어 있습니다. 값을 얻기 위해 국가를 처리하려면 어떻게해야합니까? 도와주세요, 제발. 감사!

Answer 1

당신은 ("[= 'country_id'이름]을 선택") onchange

Fiddle demo

JS

var country = ""; 
$("select[name='country_id']").change(function() { 
    country = $("select[name='country_id']").val(); 
    $('#searchTextField').attr('placeholder','search form '+$("select[name='country_id'] option:selected").text()) 
    $('#input').show(); 
    initialize() 
}); 

function initialize() { 
    var input = document.getElementById('searchTextField'); 
    var options = { 
    componentRestrictions: { 
     country: country 
    } 
    }; 

    var autocomplete = new google.maps.places.Autocomplete(input, options); 

    google.maps.event.addListener(autocomplete, 'place_changed', function() { 

    var place = autocomplete.getPlace(); 
    var lat = place.geometry.location.lat(); 
    var long = place.geometry.location.lng(); 
    alert(lat + ", " + long); 

    }); 
}