Kann ich den Wert vom Formular an das Popup-Fenster übergeben, etwas anzeigen, das auf dem übergeben wurde, und dann etwas zurückgeben?

Question

Ich muss dies mit PHP und Javascript tun.

Ich habe ein Formular, mit ein paar Eingaben. Einer von ihnen ist das Geschlecht.

Wenn sie auf einen Link/Button klicken, muss ich den Wert des Gender Drop in ein Popup weiterleiten.

Basierend auf diesem Wert zeige ich entweder männliche oder weibliche Porträts.

Ich möchte den Wert zurück an das übergeordnete Fenster übergeben, sobald sie ein Porträt auswählen und dann auf eine Schaltfläche klicken.

Ich habe den Code, um die Portaits anzuzeigen. Aber wie gebe ich die Werte hin und her, und wie stelle ich einen Wert, der von dem Elternfenster, das für meinen PHP-Code zur Verfügung steht, im neuen Popup-Fenster erhalten?

Jede Hilfe sehr geschätzt.

Answer 1

Das Problem ist gut definiert, aber die Frage selbst ist noch etwas vage. Ich werde es trotzdem versuchen. Wenn Sie wirklich ein Popup-Fenster (separates Fenster) und kein On-Page-Dialogfeld (z. B. jQuery-UI-Elemente usw.) meinen, ist der Kommunikationskanal, den Sie verwenden möchten, das von window.open() zurückgegebene Objekt Seite zu untergeordneten Seite und window.opener, um von Kind zu Elternteil zu kommunizieren. Zum Beispiel:

var genderPicker = document.getElementById('genderSelect'); 
var gender = genderPicker.options[genderPicker.selectedIndex].value; 
var portraitChooserWindow = window.open("path/to/script.ext?gender=" + gender); 
// portraitChooserWindow is now a reference to the newly opened pop-up (or null if the browser blocked pop-ups) 

Vom Kind Fenster ist window.opener nun ein Verweis auf das übergeordnete Fenster.