Confirm selection box

Question

I check the form, but I am having problems with this particular selection check.

<div class="control-group" id="sukupuoli"> <label class="control-label">Sukupuoli</label> <div class="controls"> <select name="sukupuoli"> <option value="Valitse">Valitse</option> <option value="Naaras">Naaras</option> <option value="Uros">Uros</option> </select> </div> </div> 

Here's the JS to check:

 $('#ilmoittuminen').submit(function(){ var Sukupuoli = $('input[name=sukupuoli]').val() if(Sukupuoli == "Valitse"){ $('.control-group#sukupuoli').addClass("error"); $('select[name=sukupuoli]').focus(); return false; } var ilmoittautumisdata = $('#ilmoittuminen').serialize(); $.ajax({ url: "", data: ilmoittautumisdata, type: "POST"}) .done(function () { }) .error(function () { $('.control-group').addClass("alert"); }); return false; }); 

It does not send, but it also does not add a class error. The violin .

Answer 1

Here you should use select :

 var Sukupuoli = $('select[name=sukupuoli]').val() 

Example: http://jsfiddle.net/HV7sn/1/

Answer 2

You do not need to use $ ('. Control-group # sukupuoli'). addClass ("error"); just select it only by id:

$ ('# sukupuoli') addClass ("error") ;.