Select Option Color Changing Using JQuery

Thursday 5 November 2015

JQuery:

$(document).ready(function() {
   $('#country_time').css('color','rgba(137, 136, 136, 0.66)');
   $('#country_time').change(function() {
      var current = $('#country_time').val();
      if (current != 0) {
          $('#country_time').css('color','black');
      } else {
          $('#country_time').css('color','rgba(137, 136, 136, 0.66)');
      }
   });
});

HTML:

<select name="country" id="country" >        
    <option value="0">Choose Country</option>
    <option value="Afganistan">Afghanistan</option>
    <option value="Albania">Albania</option>
    <option value="Algeria">Algeria</option>
</select>

No comments:

Post a Comment

 

Blogger news

Blogroll

Most Reading