december 9, 2021

Så här skapar du villkorliga rullgardinslistor i WordPress-formulär

lär dig hur du skapar villkorliga rullgardinslistor i WordPress med formidabla formulär. En enkel, kodfri, frågefri metod.

hur man skapar villkorliga rullgardinslistor i WordPress-formulär

letar du efter ett sätt att skapa villkorliga rullgardinslistor i formulär där alternativen i en rullgardinslista är beroende av de val en person gjorde i tidigare rullgardiner?

till exempel ett formulär för bilhandlare där en användare först väljer år för sin bil, sedan märket och sedan modellen från en lista med alternativ som bara gäller det år/märke som de redan har valt. Du kanske också har hört dessa typer av formulär som kallas chained select.

den här funktionen är mycket användbar när du skapar formulär för att hantera prisuppskattningar, citat, betalningar etc. Det är också bra för slutanvändare eftersom de inte behöver filtrera igenom massor av irrelevanta alternativ.

Formidable Forms är den bästa WordPress Form Builder plugin. Få det gratis!

med formidabla former kan du ställa in villkorliga rullgardinslistor direkt från ett användarvänligt gränssnitt-du behöver inte röra med komplexa frågor eller anpassade kodlösningar.

Fortsätt läsa för en steg-för-steg-guide om hur man skapar beroende nedgångar i WordPress med formidabla former.

hur man skapar villkorliga rullgardinslistor med formidabla former

innan vi gräver in i den detaljerade steg-för-steg-handledningen, låt oss gå igenom en högnivåblick på hur kaskad rullgardinsform fungerar med formidabla former.

  1. skapa ett ”dataformulär” för att hysa alla data som kommer att fylla i dina cascading drop-downs. Slutanvändare kommer inte att interagera med det här formuläret direkt-det är bara där för att hålla data.
  2. fyll i ditt ”dataformulär” med de data som behövs genom att lägga till poster. Om du har massor av data kan du spara tid genom att importera en CSV, snarare än att försöka manuellt ange alla dina data.
  3. skapa ett andra ”slutanvändarformulär”. Detta är den form som dina mänskliga besökare kommer att interagera med.
  4. Lägg till sökfält i ”slutanvändarformuläret” så att det kan hämta data från ”dataformuläret” efter behov för att fylla i rullgardinsmenyn.

Låt oss gå igenom det mer detaljerat…

för det här exemplet använder vi ett bilindustriexempel med tre villkorliga rullgardinsfält. Ordern kommer att gå så här:

  1. användaren väljer år för sin bil
  2. användaren väljer bilmärket från gör tillgängligt under det året
  3. användaren väljer den specifika modellen för sin bil baserat på det år/märke som de valde

skapa ”Data Form”

för att komma igång, skapa ett nytt formulär för att fungera som ett ditt ”dataformulär”. Återigen kommer dina slutanvändare inte att interagera direkt med det här formuläret, men ”slutanvändarformuläret” som du skapar senare kommer att hämta data från formulärets poster.

lägg sedan till ett textfält för varje listruta som du vill inkludera i ditt slutanvändarformulär. För vårt exempel skulle det vara tre textfält för:

  1. år
  2. fabrikat
  3. Modell

år gör modellform

spara sedan ditt formulär.

importera Data som formulärposter

Därefter måste du fylla i ditt ”dataformulär” med de alternativ som du vill visa i dina cascading-nedrullningar.

för att göra detta lägger du till varje databit som en formulärpost.

om du har en stor datamängd är den enklaste metoden att importera en CSV-fil. Till exempel har vår bildataset över 7000 rader – det är inte något du vill göra manuellt!

om du inte har mycket data kan du också manuellt lägga till poster från fliken Poster i ditt dataformulär.

för att importera en CSV till formidabla formulär, kontrollera först att rubrikerna i din CSV matchar textfälten i ditt ”dataformulär”.

i Excel kan du se hur vårt exempel CSV har tre kolumner, som var och en matchar textfälten som vi skapade i föregående steg:

importera cascading dropdown

när du har din CSV-fil klar…

  • gå till formidabel Export / Export av 1972 >
  • använd knappen Välj fil för att välja din CSV-fil
  • ange CSV-avgränsaren (det här är nästan alltid ett komma)
  • Välj ditt ”dataformulär” från rullgardinsmenyn importera till formulär
  • klicka på Ladda upp fil och importera

importera automatiskt märke och modell

på nästa skärm, se till att data från din CSV-fil är korrekt mappad till motsvarande fält i ditt formulär. Klicka sedan på Importera:

importera formulärfältmappning

nu har du de data du behöver för att fylla i dina villkorliga listrutor:

importerat år / märke / modelldata

därefter är det dags att skapa beroende rullgardinslistor för dina besökare att interagera med.

skapa ”Slutanvändarformulär” och Lägg till sökfält

skapa sedan ett nytt formulär. Detta kommer att vara den form som dina mänskliga besökare ser.

när du har ditt nya formulär lägger du till ett Uppslagsfält och ger det ett namn – t.ex. ”Välj år”.

hitta sedan inställningarna för sökalternativ i fältet Inställningar och…

  • Välj ditt dataformulär med rullgardinsmenyn Välj formulär
  • Välj källfältet för att hämta data från rullgardinsmenyn Välj fält-t. ex. ”år”

Lägg till bilårsfält

se till att spara dina ändringar.

lägg sedan till ett annat Uppslagsfält och konfigurera det för nästa uppsättning data. Först nu använder du också knappen titta på ett Uppslagsfält för att göra detta uppslagsfält beroende av föregående Uppslagsfält. Det här låter dig bara visa alternativ som matchar föregående fält och skapa den” kaskad ” effekten:

Auto göra beroende dropdown

se till att spara dina ändringar.

för att lägga till den slutliga rullgardinsmenyn (för vårt exempel, åtminstone), lägger du till ett annat Uppslagsfält. Först nu använder du alternativet Watch a Lookup Field för att göra det beroende av båda tidigare fält:

Auto modell cascading dropdowns

om du vill lägga till fler villkorliga nedrullningar i ditt formulär kan du upprepa samma mönster så många gånger som behövs.

och det är det – om du förhandsgranskar ditt formulär bör du se den fina kaskadeffekten när du interagerar med ditt formulär:

Cascading dropdowns i WordPress form

skapa din första villkorliga rullgardinslista idag

Cascading rullgardinsblanketter är ett populärt tillvägagångssätt som gör ett bra alternativ för formulär som involverar prisuppskattningar, citat, betalningar, platser etc.

med formidabla former kan du skapa villkorliga listrutor med så många villkor som behövs, utan att skriva några anpassade frågor eller kod.

för att ställa in det behöver du bara skapa två formulär och använda uppslagsfält för att ansluta de två. För stora datamängder kan du till och med importera en CSV-fil direkt från Excel för att fylla i ditt dataformulär.

för att skapa beroende listrutor med formidabla former behöver du den formidabla Formulärplanen eller högre.

om du inte redan använder Formidable Forms Pro, lära sig om alla användbara form builder funktioner för att förstå varför Formidable Forms är den bästa WordPress form plugin för villkorliga listrutor.

Lämna ett svar

Din e-postadress kommer inte publiceras.