Как сохранить значение DIV ID в базу данных PHP и MySQL?

Вы можете создать асинхронный HTTP-запрос или более известный как AJAX. Если вы знакомы с инфраструктурой jQuery: http://api.jquery.com/jquery.ajax/

Скажем, на вашу кнопку "submit" ссылается "btnSubmit" в качестве идентификатора:

<input type="submit" value="submit" id="btnSubmit" />

Вам нужно будет прикрепить обработчик события «click», чтобы мы знали, когда он был нажат или отправлен:

$('#btnSubmit').on('click', function(){
    /*this is where you'll place your ajax call*/
});

И чтобы сделать вызов ajax, вы сделаете что-то вроде этого:

/*get the inner html value of div with "address" as its ID*/
var long= "long=" + $('#longitude').val();
var lat = "lat=" + $('#latitude').val();   
var data = "address=" + $('#address').html()+'&'+long+'&'+lat;

$.ajax({
    type: 'GET',
    url: "my_php_script.php",
    data: data
})
.done(function(data) {
    /*handle successful call here*/
})
.fail(function(data) {
    /*oops, something went wrong*/
})
.always(function(data) {
    /*no matter what, let's do this*/
});

Мы можем использовать GET или POST в качестве типа ajax. Несмотря на то, что мы использовали GET, вам нужно убедиться, что в вашем my_php_script.php вам придется использовать следующее, чтобы получить значение «address», передаваемое в качестве параметра данных:

$address = $_GET['address'];
$long = $_GET['long'];
$lat = $_GET['lat']

В my_php_script.php вы, очевидно, будете использовать адрес и делать вещи, которые хотите сохранить в базе данных, и все такое.

Не забудьте включить последнюю версию библиотеки jQuery и обернуть js-скрипты при загрузке:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

$(function(){
    /*all jscript goes here*/
});