Wie verhindert man die Seitenaktualisierung bei form.trigger ('submit')?

Question

Ich habe den folgenden Code, der gut funktioniert, wenn vom Benutzer durch Klick auf der Form der Submit-Button ausgelöst:

  // load dashboards when filter form is submitted 
      $('div.active form.filter-form').submit(function (e) { 
       // get submitted values 
       submittedData = $(this).serializeArray(); 
       getDashboardURL(); 
       e.preventDefault(); 
      }); 

Allerdings, wenn ich versuche, das Formular Vorlage im Snippet unten auslösen, führt dies zu der Seite erfrischend:

  // trigger reload of dashboard 
      $('select.filter').change(function() { 
       $('select#'+this.id).val($(this).val()); 

       $('div.active form.filter-form').trigger('submit'); 

      }); 

Wie kann ich verhindern, dass die Formularübergabe (ausgelöst durch das select change-Ereignis) die Seite aktualisiert?

Answer 1

Sie können return false einfach auf Ihr Formular-Markup setzen.

<form onsubmit="function(); return false;"> 

Ansonsten die Taste Typ "button" Wechsel statt "submit" sollte auch funktionieren.