Como pegar dados de um span?

pa3lo022 · 01/10/2020

Hola a todos, tengo un codigo, google maps, cuando el usuario mueve el pin se actualizan las coordenadas en un span, yo lo quiero en un input para luego poder tomar esos datos, alguien me puede dar una mano?

Paso el codigo

Inserir CODE, HTML ou PHP:

<div id="map"></div>
                                        <ul id="geoData">
                                            <li>Latitude: <span id="lat-span"></span></li>
                                            <li>Longitude: <span id="lon-span"></span></li>
                                        </ul>

                                        <script>
                                            function initMap() {
                                                var myLatLng = {
                                                    lat: 22.3038945,
                                                    lng: 70.80215989999999
                                                };

                                                var map = new google.maps.Map(document.getElementById('map'), {
                                                    center: myLatLng,
                                                    zoom: 13
                                                });

                                                var marker = new google.maps.Marker({
                                                    position: myLatLng,
                                                    map: map,
                                                    title: 'Hello World!',
                                                    draggable: true
                                                });

                                                google.maps.event.addListener(marker, 'dragend', function(marker) {
                                                    var latLng = marker.latLng;
                                                    document.getElementById('lat-span').innerHTML = latLng.lat();
                                                    document.getElementById('lon-span').innerHTML = latLng.lng();
                                                });
                                            }

                                        </script>

Muchas gracias

Saludos

lordsetav · 03/10/2020

Inserir CODE, HTML ou PHP:

 google.maps.event.addListener(marker, 'dragend', function(marker) {
                                                    var latLng = marker.latLng;
                                                    document.getElementById('lat-span').innerHTML = latLng.lat();
                                                    document.getElementById('lon-span').innerHTML = latLng.lng();
                                                    //toma los datos de estas dos variables
                                                    latLng.lat();
                                                    latLng.lng();
                                                });

pa3lo022 · 03/10/2020

lordsetav disse:

Inserir CODE, HTML ou PHP:

 google.maps.event.addListener(marker, 'dragend', function(marker) {
                                                    var latLng = marker.latLng;
                                                    document.getElementById('lat-span').innerHTML = latLng.lat();
                                                    document.getElementById('lon-span').innerHTML = latLng.lng();
                                                    //toma los datos de estas dos variables
                                                    latLng.lat();
                                                    latLng.lng();
                                                });

muchas gracias, perdon por la pregunta pero con JS soy un asco, como tomo esas 2 variables con PHP

caneman · 03/10/2020

pa3lo022 disse:
muchas gracias, perdon por la pregunta pero con JS soy un asco, como tomo esas 2 variables con PHP

Javascript y PHP se ejecutan en distintos momentos. Si lo que buscar es enviar datos de JS a PHP, te recomiendo utilizar AJAX (Existen muchas formas de pasarlas indirectamente, cómo por ejemplo sesiones) Si aún así queres pasar el contenido de la variable a el valor de un input y después enviar por un form, también podes hacerlo. En éste último caso, en tu mismo código tenes la respuesta. Cambias el ID del span por el ID del input, y innerHTML por value.

Como pegar dados de um span?

pa3lo022

lordsetav

pa3lo022

caneman

Tópicos similares