Formular Submit tie mit Javascript

Question

Ich habe eine Schaltfläche, die eine Javascript-Funktion aufruft, um Marker auf einer Karte zu plotten. Es überprüft eine PHP-Datei auf eine Abfrage für eine Datenbank und zeichnet die Punkte, die es sieht. Es klappt.

Ich habe auch ein paar Dropdown-Menüs, die die Abfrage filtern. Meine zweite Schaltfläche "Filter" schreibt die Drop-Down-Daten in die PHP-Datei und erstellt die XML-Datei, die das "markers/javascript" verwendet, um die Punkte auf der Karte zu zeichnen. Es funktioniert auch.

Ich brauche 1 Schaltfläche, um die Dropdown-Funktion "Post" (ohne Navigation von der Seite) zu tun und dann die Javascript-Funktion ausgeführt, um die Markierungen anzuzeigen. Hier

ist der Ort an dem ich arbeite: http://socialandsober.com/meetings2.php

Sie meinen Quellcode an dem Link betrachten. Beide Stücke funktionieren, sie funktionieren einfach nicht mit einem Klick, so wie ich es möchte. Irgendwelche Ideen??

Answer 1

Ja, verwenden Sie Ajax, die das Formular ohne Verlassen der Seite veröffentlicht. Siehe hier.

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

Grundsätzlich können Sie entweder den Marker-Code ausführen und dann die Ajax-Funktion aufrufen, oder den Marker-Code aufrufen, wenn Sie den erfolgreichen Rückruf erhalten. Du kannst Ajax ohne Jquery machen, ich finde Jquery einfacher. http://www.simonerodriguez.com/ajax-form-submit-example/