Tengo el siguiente formulario, supongamos que elijo la primera opción. Quiero preguntar si hay alguna forma de acceder al value =0
y convertirlo en un número en lugar de A si el formulario se envió.
<form id="rpoerForm" action="http://localhost:5000/result" class="form" method="post" > <div class="form__input-group"> <label for="City">Select city</label> <select name="City" id="City" class="Input"> <option value='0'>A</option> <option value='1'>B</option> <option value='2'>C</option> <option value='3'>D</option> <option value='4'>E</option> <option value='5'>F</option> </select>
Pruebe esto, onsubmit
recibirá una matriz con los valores de todas las entradas/seleccione dentro del formulario dentro de una tupla con la forma ["nombre", valor]:
rpoerForm.onsubmit = e => { e.preventDefault() const data = [...new FormData(e.target).entries()].map(entry => [entry[0], +entry[1]]) console.log(data) }
<form id="rpoerForm" action="http://localhost:5000/result" class="form" method="post"> <div class="form__input-group"> <label for="City">Select city</label> <select name="City" id="City" class="Input"> <option value='0'>A</option> <option value='1'>B</option> <option value='2'>C</option> <option value='3'>D</option> <option value='4'>E</option> <option value='5'>F</option> </select> <button>Submit</button> </form>
simplemente puedes hacerlo en jquery
<form id="rpoerForm"> <div class="form__input-group"> <label for="City">Select city</label> <select name="City" id="City" class="Input"> <option value='0'>A</option> <option value='1'>B</option> <option value='2'>C</option> <option value='3'>D</option> <option value='4'>E</option> <option value='5'>F</option> </select> <button id="submit">Submit</button> </form>
$('#submit').on("click",function(){ console.log($('#City option').val()) })
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="rpoerForm"> <div class="form__input-group"> <label for="City">Select city</label> <select name="City" id="City" class="Input"> <option value='0'>A</option> <option value='1'>B</option> <option value='2'>C</option> <option value='3'>D</option> <option value='4'>E</option> <option value='5'>F</option> </select> <button id="submit">Submit</button> </form>