获取表单上锚 Link 标签的 ID 并提交给后端

Question

我正在处理一个项目，该项目有一个表单，在表单内部有一个带有动态 id.Am 的锚点 link 标签，使用锚点 link 标签通过以下方式提交表单Javascript。我想获取 相同锚点 link 标签 的 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>

获取表单上锚 Link 标签的 ID 并提交给后端

Fetching the id of an anchor Link tag on a form and submit to backend

javascript

forms

anchor