Question

I have a form and it contains four fields. Two of these fields are Country and County. I want that when UK is selected in the country field, the County will be visible and when UK is NOT selected in Country field, the County field will be invisible. Having said that I don’t want to make this happen by using the onload event in the body due to other jQquery scripts being affected.

NB: I have already a script checking the User IP and auto selecting the country in the Country field. So this part is ready.

Any help please?

Answer 1

Assuming you have a document ready, so this is not technically an onload event:

$(document).ready(function() {
   if($('#country').val() != 'UK'){
        $('#county').hide();
   };

   $('#country').change(function(){
       if($(this).val() != 'UK'){
          $('#county').hide();
       } else {
          $('#county').show();
       }
   });

});