Per Javascript gefülltes Select-Menu meldet Ungültige Eingabe

[Cyberlussi]

Hi,

ich überschreibe per JS die Options in einem Select, welches ich im Formulargenerator erstellt habe (dort nur ein Alibifeld "-" und "-"). Keine Pflichtfeld aktiviert. Beim Absenden des Formulars meldet es "Ungültige Eingabe" bei den ausgewählten Options. Schade. Formular geht nicht raus.

Ist sicherlich eine Sicherheitsfeature - wie kann ich das umgehen? Oder was ist da falsch?

[Cyberlussi]

Kein Hinweis?

Update:
-> Querverweis zu https://github.com/contao/core/issues/4383 - ist wohl eher feature als Bug ... hilft mir trotzdem nicht. Brauche wohl einen Workaround.

[Dj-Harem]

Hallo zusammen,

ist zwar schon ein etwas älterer Beitrag, aber ich stehe aktuell auch vor dem gleichen "Problem".
Den Sinn und Zweck hab ich in der Diskussion auf Github verstanden.

Aber ich weiß jetzt leider nicht wie ich das umgehen kann.

@Cyberlussi hast du dir mittlerweile helfen können?

Danke im Voraus
Dj-Harem

[Thraile]

Kannst du nicht einfach die benötigten Werte per loadFormField-Hook passend setzen? Oder warum müssen die Werte per JS gesetzt werden?

[Dj-Harem]

Hallo,

die Werte müssen nicht via JS bzw. PHP wie ich es gemacht habe ergänzt werden.
Jedoch war das der Ansatz bei dem ich mit noch so weit selbst helfen konnte. :-)

Beim loadFormField-Hook stehe ich leider auf dem Schlauch
In die Contao API Reference habe ich schon einen Blick geworfen, was leider nicht geholfen hat.

Für einen Denkanstoß wäre ich sehr dankbar.

Grüße
Dj-Harem

[Thraile]

Was für Werte sollen in das Select eigentlich rein? Im Prinzip sollte es aber wie folgt funktionieren:

Du erstellst dir deine eigene "mini-Extension", in der config.php registrierst du den Hook:

$GLOBALS['TL_HOOKS']['loadFormField'][] = array('myClass', 'changeSelect'); 

In deiner Klasse kannst du dann einfach die Werte des Widgets überschreiben:

public function changeSelect($objWidget, $formId, $arrData, $form)
    {
        //diesen Tiel nur im Formular mit ID 1 für alle Select-Elements ausführen
       if ($formId == 1 || $objWidget->type == 'select') {
            //Array mit neuen Werten erstellen, für jeden Eintrag eine Kombimation aus Value und Label
            $arrOptions = array(
                array(
                    'value' => 'value1',
                    'label' => 'label1'
                ),
                array(
                    'value' => 'value2',
                    'label' => 'label2'
                ),
            );
            $objWidget->__set('options', serialize($arrOptions));
        }
        
        return $objWidget;
    } 

Die Autoload.php kanst du dir einfach übers Backend erstellen lassen. Das Beispiel ist ungetestet und natürlich etwas sinnfrei, da die Werte hier fest sind, das könnte man also auch einfach im Backend eintragen. Aber vom Prinzip her kann man so die werte per Hook ändern/anpassen. Auch werden in diesem Beispiel ALLE Select-felder im Formular mit ID = 1 geändert, hier müsste natürlich eine etwas andere Abfrage hin

[Dj-Harem]

Das sind Werte aus der Datenbank, welche über MetaModels gepflegt werden.

Vielen Dank, dann werde ich das die nächsten Tage versuchen so umzusetzen.
Kann ich darüber auch sagen dass manchen Werte die Option "Gruppe" haben?

Vielen Dank und schon mal eine guten Rutsch ins neue Jahr.
Dj-Harem

[Thraile]

Kann ich darüber auch sagen dass manchen Werte die Option "Gruppe" haben?

Klar, warum nicht, Prinzipiell kannst du alle Werte des Widgets anpassen.

[Cyberlussi]

Kannst du nicht einfach die benötigten Werte per loadFormField-Hook passend setzen? Oder warum müssen die Werte per JS gesetzt werden?

Genau. Das war auch meine Lösung und ist am saubersten! Da hat man auch die meisten Möglichkeiten (DB-Abfragen, etc).

[Nicolas]

Gleiches Problem, nur das ich wirklich keine andere Möglichkeit habe außer die Select Optionen mit JS aus dem FE zu befüllen...

Jemand ne Idee wie ich diese Überprüfung ausschalten kann?

VG

[cmike]

Ist zwar schon alt, aber ich hatte die gleiche Herausforderung.
Lösung:

Anstatt die Selectbox vom Type Select zu nutzen, den HTML-Code verwenden. Jetzt die Select-Option nach belieben mit Js ergänzen.

<div class="widget widget-select select mandatory">
        <label for="boxid" class="select mandatory">
              <span class="invisible">Pflichtfeld </span>BoxLabel<span class="mandatory">*</span>
          </label>
  
   
<select name="selName" class="select mandatory" required="" id=boxid>
          
              <option value="">Bitte wählen</option>

</select>
</div>

Für die Übergabe ein hidden Inputfeld verwenden und die Selectbox per JS füllen und onChange den Value in das Hidden-Feld schreiben.

$("select[name ='selName']").on("change", function() {
       $("input[name ='hiddenInput']").val(this.value);
});

Bei mir funktioniert das unter Contao 4.4

Gurß Mike