Привет, ребята, нам просто нужна небольшая помощь. Я создаю динамическую форму, и у меня возникают проблемы с получением значения метки HTML с помощью jquery. У меня есть форма и внутри - карта Google. Каждый раз, когда карта Google обновляет текущую широту и долготу, также меняется ярлык для текущей широты и долготы. Мне нужно сделать, чтобы получить текущую широту и долготу и отобразить ее в текстовом поле. Значение изменяемого текстового поля также должно быть динамическим.
В моем коде у меня это есть.
$(document).ready(function(){
var current_latitude = $('#company_geo_lat').val(); //this is the textbox
var current_longitude = $('#company_geo_long').val(); //this is the textbox
var new_latitude = $('.new_latitude').html(); //this is the label
var new_longitude = $('.new_longitude').html(); //this si the label
});
Что делать, чтобы динамически менять значение текстового поля? Я не буду использовать событие onchange, но я не знаю.
Вы можете использовать http://api.jquery.com/change/
например:
$('#company_geo_lat').change(function() {
$('.new_latitude').html($(this).val());
});
$('#company_geo_long').change(function() {
$('.new_longitude').html($(this).val());
});
Помимо JQuery, вы можете рассмотреть AngularJS http://angularjs.org. Есть несколько полезных примеров на первой странице angularjs.
Я думаю, что для вас лучше всего добавить событие
google.maps.event.addListener(map, "center_changed", function() { // map is your map var
var center = map.getCenter();
$('.new_latitude').html(center.lat());
$('.new_longitude').html(center.lng());
});
Надеюсь, я понял, чего вы пытаетесь достичь.