TAG
CSS
JavaScript
Result
Run
License
<form id="form-test" class="transmitted" action="/assist/example/http/form-receivers.php" target="_blank"> <button type="button">Send</button> </form> <select id="fruits" name="fruits" size="3" form="form-test"> <option>Apple</option> <option>Banana</option> <option>Carrot</option> </select>
.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", () => { let elFruits = document.getElementById("fruits"); elFruits.form.children[0].onclick = function() { console.log("submit"); this.parentElement.submit(); }; });
Console
expand_less
License
License
by DevDic
Close