JQuery передать значение в теге привязки при щелчке значение не работает правильно

Question

Привет, у меня есть эти данные при нажатии, передаст значение в текстовое поле ввода с помощью jquery. Я использую также PHP для бэкэнда. Сценарий и данные передаются во входное текстовое поле корректно только с тем, что значение только одно и то же. Как я смогу сделать это, чтобы данные, передаваемые во входное текстовое поле, отображались динамически. это скрипт ниже

в бэкэнде

<?php foreach($mondays as $key=>$monday): ?>
                        <?php echo "<a id='data-monday-".$key."' href='javascript:void(0);' data-id='$monday' >$monday</a>";  ?>
                        <?php echo "<br>";?>
                        <?php endforeach; ?>

в моем скрипте jquery ниже

<?php $mondays = json_decode($postRoom['day_monday']); ?>

        <?php foreach($mondays as $key=>$monday): ?>
            $("#data-monday-<?php echo $key;?>" ).click(function(){
                 // var keys = $(this).attr("<?php echo $key;?>");
                 var keys = $('a[href="javascript:void(0);"]').data('id');
                  console.log(keys)

                 $("#selectTime").val(keys);
            });
        <?php endforeach; ?>

мой текстовый блок ввода ниже

<label for="time" class="form-label">Select time from the table</label>
                <input type="text" id="selectTime" name="checkinTimes" class="form-control" readonly="readonly" />