Script for Dropdown Validation

Question

I'm tryng to fix this function to show alert on dropdown. Where am I wrong? Alert does not appear.

JS:

<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function () {
    $( "#species" ).change(function(){
    if ( $(this).children(":selected").val() == "" ) {
    alert("empty");
    }
    });
});
});
</script>

FORM:

<form>
<label for="species" id="species">*Species:</label><br />
<select id="species" name="species" size="1">
<option value="">Please choose a species</option>
<option value="21">Chicken</option>
<option value="28">Turkey</option>
</select>
<br />
<input type="submit" id="submit" value="Validate!" />
</form>

Daniel A. White · Accepted Answer · 2013-03-21 15:07:22Z

1

You are having 2 events and the 2nd is being bound on the click event.

Perhaps you want something like this:

<script type="text/javascript">
$(document).ready(function(){
    $("#submit").click(function () {
    if ( $("#species" ).children(":selected").val() == "" ) {
       alert("empty");
    }
    });
});
});
</script>

answered Mar 21, 2013 at 15:07

Daniel A. White

192k49 gold badges389 silver badges473 bronze badges

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

Comments

DVM · Accepted Answer · 2013-03-21 15:17:56Z

0

A couple of things: 1. You have the same id for your label as you do for your select element which confuses jQuery.

You bound your click event to the change event on the selectBox which is not necessary.

Try this:

$(document).ready(function(){
   $("#submit").click(function (e) {
       if($('#species').find(":selected").val()===""){
         alert("empty");
       }    
       e.preventDefault()
    });
});

http://jsfiddle.net/6SuvK/

answered Mar 21, 2013 at 15:17

DVM

1,2483 gold badges16 silver badges23 bronze badges

Collectives™ on Stack Overflow

Script for Dropdown Validation

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related