Submit da SELECT con javascript

Molto utile per la creazione di una ricerca mirata ad esempio, o per qualsiasi uso del menu a tendina senza la necessità del tasto “INVIA”.
Una semplice funzione in javascript: onchange="this.form.submit()"

Poche regole:

  • Creare un form con action
  • Creare la select grazie alla quale, al cambio del valore, si invia il risultato

Quindi:

<form action="index.php">
<select name="menu_tendina" onchange="this.form.submit()">
<option value="">Scegli</option>
<option value="Si">Accetto</option>
<option value="No">Rifiuto</option>
</select>
</form>

Come si vede dal codice, c’è un menu a tendina che sceglie se accettare o rifiutare qualcosa. Non ci sarà bisogno di inviare la scelta in quanto, una volta scelta l’opzione, il form si autoinvierà, proprio come se avessimo premuto il pulsante INVIA.
Se non specificato, ovviamente, come nel caso proposto sopra, il metodo sarà GET, quindi il risultato verrà inviato tramite URL. Per inviarlo in POST, basterà aggiungere:  method="POST" nel tag form.

Annunci

, , , , ,

  1. Lascia un commento

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: