valiadate Select List

<select id="county">
       <option value="">[Select a County]</option>
        <option value="Adams">Adams</option>
        <option value="Asotin">Asotin</option>
 </select>

I have this select list. How can I make it required on click of a button, users should select anything other than [Select a County]?

Re: valiadate Select List

You could check the value upon your button click and if the value is "", then you know that your user didn't select an option. For example:

$("yourButton").click(function()
{
    if($("#country option:selected").text() == "")
    {
        alert("Please select an option");
    }
    else
    {
        //Perform other operations...
    }
});

Re: valiadate Select List

<select id="county">
       <option value="0" Selected="true">[Select a County]</option>
        <option value="Adams">Adams</option>
        <option value="Asotin">Asotin</option>
 </select>

<asp:Button .... class="someButton" />

$('.someButton').click( function() {
      var value = $('#county option:selected').val();
      if (value == 0) {
         alert("error");
      }
});

Re: valiadate Select List

I tried this, but its not going into the click function, I am I missing other block of code to initiate this click function?

Re: valiadate Select List

nissan
How can I make it required on click of a button, users should select anything other than [Select a County]?

nissan
I tried this, but its not going into the click function, I am I missing other block of code to initiate this click function?

????

not understanding what you mean

Re: valiadate Select List

This is how I have code.. but when I click.. nothing happens..

<asp:Content ID="Content1" ContentPlaceHolderID="mainContentPlaceHolder" runat="server">
    <style type="text/css">

        $(document).ready(function() {
            $("#btnAddLoc").click( function()
            {
                alert("Hi");
                 if($("#county option:selected").text() == "")
                    {
                        alert("Please select a county");
                    }
            });
        });

</style>

.....

<select id="county">
<option value="" selected="true">[Select a County]</option>
<option value="Adams".......

Re: valiadate Select List

if your button is an asp button, you need

$('#<%=btnAddLoc.ClientID%>').click (function () {

.....

});

also your if statement wont work, you're missing your closing ")"

also. you need .val() not .text

which is why i had the "0" in there, and did

var value = $('#country option:selected').val();

if (value == "0")

Re: valiadate Select List

Yes.. I changed like that.. still not working..

Re: valiadate Select List

it's not working b/c you dont have your closing ")" on your if statement - the jquery wont run at all if your syntax isn't correct. read the above post

Re: valiadate Select List

I changed as you suggested.. still not working.. Thank you for being patient with me though

<select id="county">
<option value="0" selected="true">[Select a County]</option>
<option value="Adams"

Re: valiadate Select List

if (value == "0")

Re: valiadate Select List

What does the source on the button that is firing the click event look like? Have you considered looked at it in Firebug or Chrome's Web Inspector tools to look for any errors that might be being thrown?

Aside from that robwscott's recent post regarding fixing the if statement should hopefully fix it.

Re: valiadate Select List

It was a high priority for me to fix.. so instead of fighting with the code. I used plain javascript on "OnClientClick" of button and everthything is ok now..

Re: valiadate Select List

Glad you were able to fix it (or at least find a different solution).