JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<p>Switch inputfields by selection radiobuttons</p><br/>

<form id="formValidation" action="dd">
    <button class="buttonA" data-action="A" type="button">action A</button>
    <button class="buttonB" data-action="B" type="button">action B</button>
</form>

JavaScript

console.log($('form').attr("action"),'<-- preset form action atribute');

$('.buttonA').click(function(){
    var $this = $(this);
    var dataValue = $(this).data("action");
    console.log(dataValue,'<-- dataValue');
    $this.closest('form').attr("action",dataValue).submit();
    console.log($('form').attr("action"),'<-- form action atribute');
});

$('.buttonB').click(function(){
    var $this = $(this);
    var dataValue = $(this).data("action");
    console.log(dataValue,'<-- dataValue');
    $this.closest('form').attr("action",dataValue).submit();
    console.log($('form').attr("action"),'<-- form action atribute');
});