Quiero crear un formulario que se envíe al cambiar pero solo en ciertas opciones. Este es mi código hasta ahora:
<form method="post" action=""> <select name="period" id="period" class="form-control m-1" onchange='this.form.submit()'> <option value="" disabled hidden selected>default</option> <option value="1">option 1</option> <option value="2">option 2</option> <option value="3">option 3</option> <option value="4">option 4</option> </select> </form>En las opciones 1-3, quiero que se envíe al cambiar o simplemente cuando se elija la opción, pero para la opción 4, quiero crear un modal en el que el usuario ingrese sus datos y luego los envíe. ¿Hay alguna manera de hacerlo?
prueba el siguiente código
<form method="post" action=""> <select name="period" id="period" class="form-control m-1" onchange='onChangeFun()'> <option value="" disabled hidden selected>default</option> <option value="1">option 1</option> <option value="2">option 2</option> <option value="3">option 3</option> <option value="4">option 4</option> </select> </form>javascript a continuación
function onChangeFun() { selected_val = document.getElementById('period').value if (0 < selected_val < 4) { // form submit function // this.form.submit() } if ( selected_val == 4) { // perform action on selection of 4 th option } }si alguna duda comente mal feliz de ayudar