Just nu i M3-nätverket
Gå till innehåll
Theo82

Validera selection JS

Rekommendera Poster

Theo82

Hej!

 

Försöker få till en validering av options i en select-meny. Så här ser min html ut:

 

<select id="genderSelect">
  <option value="control" name="gender0">- - Välj Kön - -</option>
  <option value="female" name="gender1">Kvinna</option>
  <option value="male" name="gender2">Man</option>
</select>
 
Refererar till html:
 
var genderID = document.getElementById("genderSelect").[0].value;
 
Och vill se till att någon option faktiskt är vald. Detta fungerar inte:
 
if(genderID== null || genderID == "") {
alert("Välj kvinna eller man");
return false;
 
}
 
Vad har jag missat? Gjort fel? Skall man använda selectedIndex här? Eller har ni några bra läshänvisningar? Tacksam för svar, väldigt mycket nybörjare inom detta som ni kanske förstår... :-)
 
// Theo

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Phenomen

function isGenderSelected(){
var selectControl = document.getElementById("genderSelect");
if(selectControl.selectedIndex > 0) return true;
return false;
}

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Cluster

Utöver Penomen's inlägg så skulle nog jag ta bort name för alla options och värde på den första. 

<select id="genderSelect">
  <option>- - Välj Kön - -</option>
  <option value="female">Kvinna</option>
  <option value="male">Man</option>
</select>

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Theo82

Tack för era svar! Fungerar perfekt  :D

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...