獲取表單上的錨鏈接標記的ID並提交給后端

Question

我正在一個有表單的項目上工作，在表單內部有一個帶有動態ID的錨鏈接標簽.Am使用該錨鏈接標簽通過Javascript提交表單。 我想獲取相同錨鏈接標記的ID （是動態的）並提交給后端，但無法弄清楚如何獲取它。

表格

<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>