Dropdown in Formular das nur einmal gültig ist

[schrubbel]

Hallo Zusammen,
ich habe leider nur wenig Programmierkenntnisse.
Ich suche nach einer Lösung für folgende Herausforderung:

Für eine Veranstaltung kann man sich Trainingstermine reservieren.
ich habe Feste Tage zur Auswahl. An den kann man sich ein Stunde buchen. Es beginnen alle Stunden mit 10 min versatz.
In meinem Formular habe ich dann z.B. folgende Auswahl Möglichkeiten:
10:00-11:00 Uhr
10:10-11:10 Uhr
10:20-11:20 Uhr
10:30-11:30 Uhr
usw.

Jetzt habe ich den Wunsch, das jede Uhrzeit nur einmalig ausgewählt werden kann und dann automatisch aus dem Auswahlfeld verschwindet.
Ist sowas Möglich?
Ich erstelle mein Formular in WordPress mit Contact Form 7

Wie gesagt ich habe keine Programmierkenntnisse und hoffe das mir jemand ein verständlichen Tipp geben kann.
Vielen Dank vorab!

Gruß
S.

 

[Oliver77]

Ist das ein [select ] ?

 

[schrubbel]

Ist das ein [select ] ?

ja

 

[Oliver77]

Erstelle unter deinem Formular ein individuelles HTML
und füge das ein:

<script>
(function($) {
$('.wpcf7-select').change(function(){
  let act = $(this).val();
    $( ".wpcf7-select option" ).each(function( index ) {
    if(act == $(this).val()) {
        $(this).hide();
    }
});   
});       
})( jQuery );
</script>

Ist das richtig so?

 

[Oliver77]

Hast du mehrere Selects?

 

[Oliver77]

Wenn ja muss das rein:

<script>
(function($) {
$('.wpcf7-select').change(function(){
  let act = $(this).val();
    $(this).find("option").each(function( ) {
    if(act == $(this).val()) {
        $(this).hide();
    }
});  
});      
})( jQuery );
</script>

 

[msi]

@Oliver77
Ich glaube nicht, dass deine Scripte alleine nicht zur Lösung führen, denn wenn man die Seite aktualisiert oder mehrfach besucht, sind die Termine alle wieder da. Da muss auch eine serverseitige Lösung her, damit ausgebuchte Termine nicht mehr erscheinen.

 

[Oliver77]

ah ok mir war nicht klar was das soll, man könnte höchstens noch local storage das speichern.. wenn man nur javascript nutzt

 

[tk1234]

ah ok mir war nicht klar was das soll, man könnte höchstens noch local storage das speichern.. wenn man nur javascript nutzt

Das bringt ja auch nichts: so würde ein Termin nur für den aktuellen Besucher verschwinden, er muss aber ja vmtl. für alle Besucher verschwinden - und da führt kein Weg an einer serverseitigen Speicherung der belegten Termine vorbei.

 

[schrubbel]

Wenn ja muss das rein:

<script>
(function($) {
$('.wpcf7-select').change(function(){
  let act = $(this).val();
    $(this).find("option").each(function( ) {
    if(act == $(this).val()) {
        $(this).hide();
    }
}); 
});     
})( jQuery );
</script>

das Script funktionier, aber wie msi geschrieben hat, sind die Daten wieder da sobald man die Seite aktualisiert.

 

[msi]

man könnte höchstens noch local storage das speichern

Das reicht doch auch nicht. Jetzt gehst du auf die Seite und wählst einen Termin, der das ausgebucht ist. Danach gehe ich auf die Seite und der Termin ist für mich wieder sichtbar.

 

[schrubbel]

Das bringt ja auch nichts: so würde ein Termin nur für den aktuellen Besucher verschwinden, er muss aber ja vmtl. für alle Besucher verschwinden - und da führt kein Weg an einer serverseitigen Speicherung der belegten Termine vorbei.

das klingt leider als wäre es nicht so einfach...
danke jedenfalls für den Hinweis

 

[Oliver77]

Das bringt ja auch nichts: so würde ein Termin nur für den aktuellen Besucher verschwinden, er muss aber ja vmtl. für alle Besucher verschwinden - und da führt kein Weg an einer serverseitigen Speicherung der belegten Termine vorbei.

Ok hast Recht Asche auf mein Haupt...

 

[msi]

sind die Daten wieder da sobald man die Seite aktualisiert.

Wie gesagt, serverseitige Verarbeitung ist da nur möglich. Ob es ein Plugin dafür gibt, weiß ich nicht, zur Not selber eines schreiben.

 

[schrubbel]

eine andere Lösung gibt es wohl nicht, oder? Aus Excel raus programmieren zum Beispiel.

 

[msi]

eine andere Lösung gibt es wohl nicht, oder? Aus Excel raus programmieren zum Beispiel.

Nein, vergiss es.

Du könntest aber hier mal nachfragen: https://de.wordpress.org/support/
Da helfen einige User, die richtig Ahnung von WordPress haben und vielleicht kennen die auch ein Plugin, dass du dafür verwenden kannst.

 

[schrubbel]

super, vielen Dank euch! So nah wie heute war ich noch nicht an einer Lösung. Kurz sah es aus als würde es funktionieren. Schönen Sonntag und besten Dank!

 

[Oliver77]

Es gibt ein Senden-Event bei Contact7
https://contactform7.com/dom-events/

<script>
(function($) {
let act = $('.wpcf7-select').val();
$('.wpcf7-select').change(function(){
 act = $(this).val();
});  
$(".wpcf7").on( "wpcf7submit", function() {
$.post( "datenempfangen.php", { date:act } );
});
})( jQuery );
</script>

In der datenempfangen.php wird die Auswahl dann verarbeitet.
Ist das richtig so @msi ?

​

​