Så här ser kontrollen Dropdownlista ut i e-Tjänstbyggaren.

Kontrollens egenskaper

Specifika egenskaper

Egenskap	Beskrivning
Använd förvalt värde (tidigare: DefaultChooseValue)	Om egenskapen Förvalt värde ska visas.
Förvalt värde (tidigare: DefaultChooseValueText)	Den text att visa som första alternativ i dropdownlistan.
Standardvärde (tidigare: DefaultValue)	Om ett visst alternativ i listan ska vara förvalt.
Visningsnamn (tidigare: DisplayName)	Den text som visas som rubrik i kontrollen.
Nyckelvärden (tidigare: KeyValue)	De värden som finns i listan.

För mer information kring kontrollens egenskaper se avsnittet Gemensamma egenskaper.

Lägga till, ta bort och redigera värdena i listan

Markera raden KeyValue.
Tryck på -ikonen.
Ett fönster öppnas där du kan lägga till, redigera och ta bort de värden som ska synas i listan.

Både Nyckel och Värde måste fyllas i för att kontrollen ska fungera.

OBS! Värdet måste vara unikt för varje val i listan då detta används som ett ID på vilket val användaren har gjort.

Exempel på hur kontrollen kan se ut för en användare av e-tjänste

Validering

Om du använder dig av validering så måste användaren ha valt ett värde i dropdownlistan för att kunna gå vidare i e-tjänsten.

Se avsnittet Validera fält i din e-tjänst för fler exempel.

Valideringsscript

Standard valideringsscript ser ut på detta sätt:

return hasSelectedOption([this]);

Om användaren måste välja ett visst val i listan

//Kontrollerar mot värdet, dvs. det osynliga id/värde som användaren inte ser.
if($([this]).val() == "Ja")
{
return true;
}

//Om vi istället vill kontrollera mot texten kan vi använda detta. Dvs. vi kontrollerar mot den valda synliga texten i dropdownlistan.
if($([this]).find("option:selected").text() == "Ja")
{
return true;
}

//Villkor uppfylls ej, då måste vi returnera något. Här returnerar vi "false" eftersom vi inte vill att valideringen ska gå igenom

return false;

Exempelscript

Här vill vi göra något om användaren väljer/ändrar i dropdownlistan.

//Detta event körs när man ändrar det valda värdet i dropdownlistan.
$([this]).change(function()
{
//Ändrar någon värdet, då visar vi värdet + ett mellanslag + vald text, i en dialog.
alert($([this]).val() + " " + $([this]).find("option:selected").text());
});