TAG
CSS
JavaScript
Result
Run
License
<form id="test-form" class="transmitted" action="/assist/example/http/form-receivers.php"> <label><input type="radio" name="gender" value="woman" checked />Woman</label> <label><input type="radio" name="gender" value="man" />Man</label> <input type="submit" value="Submit" /> </form>
.transmitted { padding: 30px 20px; position: relative; } .transmitted::before { content: "Transmit but not save"; position: absolute; background: #454545; top: 0; padding: 3px 10px; color: yellow; border-radius: 5px; }
document.addEventListener("DOMContentLoaded", () => { const $elTestForm = document.getElementById("test-form"); const $aElGenders = document.querySelectorAll("input[name='gender']"); $aElGenders.forEach(elGender => elGender.addEventListener("change", setAction)); function setAction(e) { $elTestForm.lastElementChild.formAction = `/assist/example/http/form-${e.currentTarget.value}-receivers.php`; } $elTestForm.addEventListener("submit", e => { $elTestForm.target = "_blank"; }); $aElGenders[0].dispatchEvent(new Event("change")); });
Console
expand_less
License
License
by DevDic
Close