Получение идентификатора тега привязки ссылки в форме и отправка в бэкэнд

Question

Я работаю над проектом, который имеет форму, и внутри формы есть тег ссылки привязки с динамическим идентификатором. Я использую тег ссылки привязки для отправки формы через Javascript. Я хочу получить идентификатор того же тега якорной ссылки (который является динамическим) и отправить его бэкэнду, но не могу понять, как его получить ..

Форма

<form method="POST" action="#" id="rsmForm">
    <!-- Token field-->
    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">  

     <a href="#demo{{$i}}" id="{{ $a['id'] }}" name="asmID" data-value="{{ $a['id'] }}" onclick="document.getElementById('rsmForm').submit();"> + ASM ({{ $a['id'] }}) </a>
</form>

Answer 1

В вашем обратном вызове onclick получите значение атрибута href привязки:

function onClickAnchor(e) {
  const currentHref = e.currentTarget.getAttribute('href');
  console.log(currentHref);
  // document.getElementById('rsmForm').submit();  <=== uncomment it
}

<form method="POST" action="#" id="rsmForm">
    <!-- Token field-->
    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">  

     <a href="#demo{{$i}}" id="{{ $a['id'] }}" name="asmID" data-value="{{ $a['id'] }}" onclick="onClickAnchor(event)"> + ASM ({{ $a['id'] }}) </a>
</form>