Q:

Select Drop down Form Validation (Display text)

I am trying to validate a form. 
What I am trying to do is validate the form by validating the Option display text not the option value, since the option values are int 
Example: 
<option value="selectcard">Please select</option>

If user clicks submit the form should validate if the option display says Please Select 
regardless of what the option value is. 
Code which is not working
function fun(){
    $('#cardtype').change(function () {
        var sel = $('option:selected', this).text();
        if (sel == "Please select") {
            $('.showotherpDescription').show();
        } else {

        } 
    }); 
}

Not working: http://jsfiddle.net/f5hxpo7g/2/
Also including the regular working example for validating the form based on option value
Validates Based on option value http://jsfiddle.net/f5hxpo7g/1/
Please let me know what i am doing wrong. 
Thanks in advance. 

A:

Your function should be like this:
function fun()
{
  var ddl = document.getElementById("cardtype");
  var valor = ddl.options[ddl.selectedIndex].text;
  if (valor == "--- Please select ---")
  {
    alert("Please select a card type");
  }
}

Working fiddle:http://jsfiddle.net/robertrozas/XFtBD/169/

