So ändern Sie den Standardplatzhaltertext eines Dropdown-Elements

Durch die Anpassung des Standardplatzhaltertextes eines Dropdown-Elements können Sie Ihre Formulare übersichtlicher, professioneller und für Kunden leichter verständlich gestalten.

Anstatt generischen Platzhaltertext zu verwenden, können Sie aussagekräftigere Bezeichnungen anzeigen, wie zum Beispiel:

• Wählen Sie Ihr Land
• Wählen Sie eine Größe
• Wählen Sie Ihren Beruf aus
• Wählen Sie eine Lieferoption

Warum sollte man den Platzhaltertext in Dropdown-Menüs anpassen?

Durch die Aktualisierung des Platzhaltertextes in Ihrem Dropdown-Menü verbessern Sie Folgendes:

• Formklarheit
• User Experience
• Formular-Ausfüllraten
• Markenprofessionalität
• Kundenberatung

Klare Platzhalterbezeichnungen helfen Besuchern, genau zu verstehen, welche Informationen sie vor dem Absenden eines Formulars auswählen müssen.

Dies ist besonders nützlich für:

• Kontaktformulare
• Anmeldeformulare
• Umfrageformulare
• Formulare zur Produktanpassung
• Mehrstufige Formulare

Bevor du anfängst

Bevor Sie dieser Anleitung folgen, stellen Sie sicher, dass Sie Folgendes bereits haben:

• Eine in GemPages erstellte Seite
• A Dropdown-Element Ihrer Seite hinzugefügt
• Zugriff auf den GemPages-Editor

Schritt 1: Wählen Sie das Dropdown-Element aus

Öffnen Sie Ihre Seite im GemPages-Editor.

Klicken Sie mit der rechten Maustaste auf das Dropdown-Element, dessen Platzhaltertext Sie ändern möchten => Benutzerdefinierter Code.

Schritt 2: Öffnen Sie die Registerkarte „Skript“.

Öffnen Sie den Microsoft Store auf Ihrem Windows-PC Skript Registerkarte. Hier können Sie benutzerdefinierten JavaScript-Code für das ausgewählte Element hinzufügen.

Schritt 3: Benutzerdefiniertes Skript hinzufügen

Fügen Sie den folgenden Code in den Skript-Tab ein:

document.addEventListener("DOMContentLoaded", () => {

  const currentElement = document.getElementsByClassName('{{rootClassName}}');

  currentElement[0]

    .querySelector('option[disabled].gp-hidden')

    .innerText = 'Beruf';

});

Wichtiger Hinweis

Ersetzen Sie „Beruf“ durch den Platzhaltertext, den Sie anzeigen möchten.

Ejemplo:

'Wählen Sie Ihr Land aus'

or

'Wählen Sie Ihre Größe'

Ergebnis: