使用Google地圖時無法從表單輸入文本框中獲取值？

我使用從演示ramirezcobos谷歌地圖取景器和我CONFIG：使用Google地圖時無法從表單輸入文本框中獲取值？

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
var map; 
var marker=false; 
function initialize() { 
    var myLatlng = new google.maps.LatLng(10.786599576864381, 106.69340372085571); 

    var myOptions = { 
     zoom: 16, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 

    map = new google.maps.Map(document.getElementById("gmap"), myOptions); 

    marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map 
    }); 

     google.maps.event.addListener(map, 'center_changed', function() { 
     var location = map.getCenter(); 
     document.getElementById("latlng").value = location.lat()+ ', '+location.lng(); 
     placeMarker(location); 
     }); 

     google.maps.event.addListener(map, 'zoom_changed', function() { 
     zoomLevel = map.getZoom(); 
     document.getElementById("zoom_level").innerHTML = zoomLevel; 
     }); 

     google.maps.event.addListener(marker, 'dblclick', function() { 
     zoomLevel = map.getZoom()+1; 
     if (zoomLevel == 20) { 
      zoomLevel = 10; 
     }  
     document.getElementById("zoom_level").innerHTML = zoomLevel; 
     map.setZoom(zoomLevel); 
     }); 
     document.getElementById("latlng").value = 10.786599576864381+ ', '+106.69340372085571; 
} 

function placeMarker(location) { 
    var clickedLocation = new google.maps.LatLng(location); 
    marker.setPosition(location); 
} 

window.onload = function(){initialize();}; 

</script> 
<div id="bd"><div id="gmap"></div></div> 
<input type="text" name="latlng" id="latlng" value="" />

當我使用螢火是值不是在輸入顯示[類型=「文本」]，它是空

<input id="latlng" type="text" value="" name="latlng">

如何要解決這個問題？

來源

2012-03-16 Hai Truong IT

講述的是Firebug的這個問題設置via node.value='?'？請具體說明。 – 2012-03-16 10:09:54

要設置元素的值 - 財產，設置一個HTML的屬性（什麼是不一樣的），使用setAttribute()：

document.getElementById("latlng").setAttribute('value',location.lat()+ ', '+location.lng());

...你會查看螢火蟲的HTML-Tab內的變更。

但是，您也可以檢查元素的屬性，在HTML-Tab中選擇元素，然後在右側找到DOM選項卡中的所有屬性。

然而，在這種情況下，這應該不會影響您的實現，只要你沒有嘗試到讀出的屬性通過使用node.getAttribute('value')（反之亦然）

來源

2012-03-17 01:06:34

使用Google地圖時無法從表單輸入文本框中獲取值？

回答

相關問題