Почему метод onClick внутри tr не вызывает функцию в foreach Laravel 5

Я считаю, что проблема в том, что js не работает при первом вызове и, следовательно, никогда не переходит ко второму вызову. Итак, из исходного вызова:

$(".clickable-row").click(function() {
            sendForm($(this).data("href"));
    });

Он ищет поле данных, но не находит элемент данных в <tr>. Таким образом, он никогда не попадает во второй вызов той же функции.

Я думаю, что было бы полезно записать это в один оператор, например, html:

  <span class='clickable' data-href='whatever your href is' data-id='{{ $project->Project_Id }}'>{{ $project->Project_Id }}</span>

Затем вызовите его через событие щелчка в jquery:

$( document ).ready(function() {
  $('.clickable').on('click', function(){   
    var id = $(this).data( "id" );
    // same for href
   // then perform your actions
 });
});

В JS вы можете сделать то же самое, если у вас просто событие onclick:

function sendForm(projectId){
    document.getElementById("formProjectId").value = projectId;
    document.Projectsform.submit();
}

Вам необходимо убедиться, что name формы - это Projectsform, или:

document.getElementById("Projectsform").submit();

мм Странно, вам следует удалить тег, потому что вы улавливаете щелчок родительского тега. проверьте мою ручку.

https://codepen.io/ezequiel9/pen/MWJjGeq

$("body").on('click', '.clickable-row', function(e) {
  e.preventDefault();
  sendForm($(this).data("href"));
});

function sendForm(projectId){
  alert('clicked');
  console.info('works');
  $("#formProjectId").val(projectId);
  $("#Projectsform").submit();
}

Вот как я решил, Я добавил функцию события, поэтому, если вы щелкнете по любому элементу строки, она вызовет функцию sendForm

document.onclick = function(e){
            if (e.target.id == 'clickable-row'){
                sendForm(e.target.getAttribute("data-target"));
            }
        
        }

Вот как теперь выглядит мой HTML-код: data-target предназначен для указания переменных, которые я хочу передать функции, и идентификатора для проверки элемента, по которому был выполнен щелчок.

@foreach($projects

 as $project)
                    <tr>
                        <td id = "clickable-row" data-target = "{{ $project->Project_Id }}">
                            <a href = "#" class = "sl-color" onclick = "sendForm('{{ $project->Project_Id }}')">{{ $project->Project_Id }}</a>
                        </td>
                        <td id = "clickable-row" data-target = "{{ $project->Project_Id }}">
                            {{ $project->Project_Name }}
                        </td>
                    </tr>
                    @endforeach