jQuery validation plugin & select element

Question

I use jQuery validation plugin from here. Is there a way to check if the field is NOT equal to some string? I have a select element looking like this:

<select id="school_admin" name="school">
   <option value="selector">Select...</option>
   <option value="UDSM">University of Dar Es Salaam</option>
   <option value="ARU">Ardhi University</option>
   <option value="IFM">Institute of Finance Management</option>
</select>

As you can see, first option is 'Select...' and I need to check on submit that it's not set to this first item, but to some another actual option. How can I do that quickly?

Adam Hopkinson · Accepted Answer · 2011-04-20 13:01:32Z

1

A better way of coding your select might be to use an optgroup:

<select id="school_admin" name="school">
    <optgroup label="Select a school...">
        <option value="selector">Select...</option>
        <option value="UDSM">University of Dar Es Salaam</option>
        <option value="ARU">Ardhi University</option>
        <option value="IFM">Institute of Finance Management</option>
    </optgroup>
</select>

The 'select' label is then not selectable.

http://reference.sitepoint.com/html/optgroup

answered Apr 20, 2011 at 13:01

Adam Hopkinson

28.8k9 gold badges74 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sergei Basharov Over a year ago

I think it's a good solution and I undoubtedly will use it in another application but I need to make that first item visible, not the first item in schools list. Thanks!

suhair · Accepted Answer · 2011-04-20 13:19:42Z

0

Why not just change the default option value to blank and leverage the metadata support by declaring a class of required on the select. Here is the demo

answered Apr 20, 2011 at 13:19

suhair

11k11 gold badges56 silver badges63 bronze badges

Comments

Eric Frick · Accepted Answer · 2011-04-20 13:00:35Z

0

if($("#item").html() != "string" )

answered Apr 20, 2011 at 13:00

Eric Frick

8572 gold badges7 silver badges18 bronze badges

Comments

Z. Zlatev · Accepted Answer · 2011-04-20 13:02:14Z

0

I suggest you leave Select...'s value empty value="" then simply

if ( ( sel = $('#school_admin').val() ).length ) { ... }
else { .. }

Never used the actual plugin, so you should be able to make it work with its own api

answered Apr 20, 2011 at 13:02

Z. Zlatev

4,8101 gold badge35 silver badges39 bronze badges

Comments

fin1te · Accepted Answer · 2011-04-20 13:02:21Z

0

Check the value of the select element, and see if it matches the first one.

if ($('#school_admin').val() != 'selector') {
    //Doesn't equal the first one, do your thing
}

answered Apr 20, 2011 at 13:02

fin1te

4,3121 gold badge21 silver badges16 bronze badges

Collectives™ on Stack Overflow

jQuery validation plugin & select element

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related