Отправить значение атрибута id изображения в функцию при нажатии на изображение

У меня есть таблица HTML, и я получаю данные для каждой ячейки из базы данных. Некоторые ячейки имеют значок редактирования, поэтому, когда пользователь нажимает на него, он видит всплывающее диалоговое окно. В этом диалоговом окне есть раскрывающееся меню с 3 вариантами. И после того, как пользователь выберет один из них и нажмет кнопку «Сохранить», база данных должна обновиться.

Ниже приведена часть моего кода в файле tracking.php.

                    <td>
<?php
$var=$arrayD['Structural Data Loaded'];
echo
'<a data-id="$id" class="StructuralDataLoaded">' . $var . ' <img class="img" onclick="javascript:SelectStatus();" src="images/edit.png"></a>';
?>
</td>




/* Selecting new status DIV */
<div id="SelectingStatus" title="Select Status" style="display:none;">
<h>
Select the status
</h>

<select>
<option value="Not Started">Not Started</option>
<option value="In Progress">In Progress</option>
<option value="Completed">Completed</option>
</select>

</div>


<script>

function SelectStatus(id) {


var SelectingStatus = $('#SelectingStatus');
SelectingStatus.dialog({
close: function(event, ui) {

},
modal: true,
title: 'Select Status',
width: 600,
height: 'auto',
overlay: {
backgroundColor: '#000000',
opacity: 0.5
},

});

}

поэтому я хочу добавить кнопку сохранения к этому diaolg и вызвать функцию, такую ​​как

    function PostStructuralDataLoadedData(id,data){
var request = $.ajax({
url: "InsertData.php",
type: "POST",
data: {
id : id,
data : data,
type : "StructuralDataLoladed"},
dataType: "html"});
request.done(function( ) {
location.reload();
});
request.fail(function( jqXHR, textStatus ) {
alert( "Request failed: " + textStatus );
});
}

а затем обновить базу данных. Итак, вы можете видеть в приведенной выше функции, мне нужно 2 значения. $ Id, чтобы узнать, какая строка таблицы должна обновляться, и значение, которое представляет собой статус, который выбрал пользователь. (Прежде чем использовать jQuery Dialog, я использовал prompt (), и вышеуказанная функция работает нормально.) Прежде чем добавить кнопку «Сохранить», я хочу отправить $ id в функцию SelecStatus, когда пользователь нажимает на иконку редактирования. Поэтому я изменил свой код, как показано ниже (части, которые в ** **, являются новыми частями).

                <td>
<?php
$var=$arrayD['Structural Data Loaded'];
echo
'<a data-id="$id" class="StructuralDataLoaded">' . $var . ' <img **id="$id"** class="img" onclick="javascript:SelectStatus(**$id**);" src="images/edit.png"></a>';
?>
</td>

а также

<script>

function SelectStatus(**id**) {


var SelectingStatus = $('#SelectingStatus');
SelectingStatus.dialog({
close: function(event, ui) {

},
modal: true,
title: 'Select Status',
width: 600,
height: 'auto',
overlay: {
backgroundColor: '#000000',
opacity: 0.5
},

});

}

Поэтому при вызове функции SelectStatus я должен написать:

   onclick="javascript:SelectStatus($id);"

или же

    onclick="javascript:SelectStatus(thid.id);"

и как я могу проверить, чтобы убедиться, что функция SelectStatus восстановила правильное значение?