Necesito tener un botón de envío, pero debe realizar 2 acciones diferentes según el valor seleccionado en el menú desplegable.
El menú desplegable tiene los valores "Pedido","Buscar","Alertas".
Cuando selecciono Pedido y luego lo envío, debería redirigir la forma en que está, es decir, enviar el Formulario () debería activarse.
Cuando selecciono Buscar y luego envío, debería redirigir a una URL de devolución diferente o a un Formulario de devolución.
. ¿Cómo debo devolver el formulario o la URL de retorno en javascript? ¿Cómo puedo diferenciar entre el clic.?
El archivo es completamente un archivo HTML y js
Puede usar un detector de eventos en el elemento de formulario para escuchar el evento de envío del formulario, luego, cada vez que se envía el formulario, puede obtener el valor actual del elemento de selección y usar una declaración if/else if o incluso un cambio de caso ( en este ejemplo, estoy usando la instrucción if y else if) para llamar a tareas según el valor del elemento seleccionado.
HTML:
<form> <select name="dropdown" id="dropdown"> <option value="order">Order</option> <option value="search">Search</option> <option value="alerts">Alerts</option> </select> <button type="submit">submit</button> </form>JAVASCRIPT:
const form = document.querySelector("form"); const selectElement = form.querySelector("#dropdown"); form.addEventListener("submit", (event) => { event.preventDefault(); if (selectElement.value === "order") { // Do stuff for order console.log("Completed tasks for order"); } else if (selectElement.value === "search") { // Do stuff for search console.log("Completed tasks for search"); } else if (selectElement.value === "alerts") { // Do stuff for alerts console.log("Completed tasks for alerts"); } else { console.log("Do nothing"); } });Si lo entendí bien, puede usar un caso de cambio o simplemente una declaración if-elseif-else regular para eso en función del valor de la etiqueta de selección