Formularbygger

Hvordan ændrer jeg dropdownmenuens standardtekst i formularen?

Senest redigeret:

Når du opretter dine formularer, kan det være en god idé, at teksten i dropdownmenuer giver dine givere eller medlemmer en ekstra vejledning, når de skal udfylde formularen. Hvis standardteksten ikke passer til jeres behov, er det nemt at ændre – læs med her. 

Trin-for-trin vejledning

Eksempel

Sk_rmbillede_2021-08-16_kl._13.47.05.png
I dette eksempel ønsker vi at ændre teksten "Vælg projekt fra listen" til "Vælg blandt vores projekter". Denne tekst kaldes også for placeholder text.
Sk_rmbillede_2021-08-16_kl._13.58.02.png

Trin 1: Find frem til din formular

  • Gå til Form Builder i OnlineFundraisings hovedmenu
  • Find den formular på listen, som du ønsker at redigere. Klik så på dens titel.

formbuilder.png

Trin 2: Find dropdown-feltet

  • Scroll ned til det specifikke felt, som du ønsker at redigere standardteksten for
  • Noter referencen for feltet, som er angivet under Reference. Den tekst skal du nemlig bruge i dit script.

Sk_rmbillede_2021-08-16_kl._14.12.30.png

Trin 3: Indsæt scriptet

Rul ned til sektionen Customise styling, HTML in head, and javascript, og klik på den for at folde menuen ud.
Sk_rmbillede_2021-08-16_kl._14.15.56.png

I tekstfeltet med titlen Apply javascript with jQuery support to this particular form indsætter du dit script.
Sk_rmbillede_2021-08-16_kl._14.17.34.png

Sådan skriver du scriptet

Når du skriver dit script, skal du bruge referencen for det felt, du ønsker at ændre og den tekst, du ønsker at erstatte standardteksten med. Resten af scriptet kan du kopiere fra nedenstående tekst:

$('#field_reference option[data-index="0"]').text('Skriv din nye standardtekst her');

I ovenstående eksempel vil scriptet ud på følgende måde:

$('#field_projekt option[data-index="0"]').text('Vælg blandt vores projekter');

Trin 4: Gem dine ændringer

Husk at klikke på Update-knappen for at gemme dine ændringer.

update.png

Du kan nu klikke på View form for at se dine ændringer.

Ved valg af purpose

Hvis du vil ændre teksten for formålsfeltet, kan du følge samme fremgangsmåde. Koden vil så sådan her ud:

$('#field_purpose option[data-index="0"]').text('Vælg blandt vores projekter');

Har du nogen spørgsmål, er du velkommen til at skrive til os på support@onlinefundraising.dk

 

Var denne artikel en hjælp?

0 ud af 0 fandt dette nyttigt