JSFiddle - React, Tailwind, and code Playground

by jmpp77

HTML

<form method="post" id="remove-form-1">
 <input type="hidden" class="idx" id="idx-1" value="valeur_article_1">
 <button type="submit">Submit Form 1</button>
</form>

<form method="post" id="remove-form-2">
 <input type="hidden" class="idx" id="idx-2" value="valeur_article_2">
 <button type="submit">Submit Form 2</button>
</form>

<form method="post" id="remove-form-3">
 <input type="hidden" class="idx" id="idx-3" value="valeur_article_3">
 <button type="submit">Submit Form 3</button>
</form>

<form method="post" id="remove-form-4">
 <input type="hidden" class="idx" id="idx-4" value="valeur_article_4">
 <button type="submit">Submit Form 4</button>
</form>

JavaScript

$(document).on('submit', 'form[id^=remove-form]', function(event) {
  event.preventDefault();
  console.log($(this).find('[id^=idx-]').val())
})