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

Validera selection JS


Theo82

Rekommendera Poster

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

 

Länk till kommentar
Dela på andra webbplatser


function isGenderSelected(){
var selectControl = document.getElementById("genderSelect");
if(selectControl.selectedIndex > 0) return true;
return false;
}
Länk till kommentar
Dela på andra webbplatser

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>
Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...