Question

I am trying to create a Jquery function to add or remove a drop down menu based on the selection of a different drop down menu,

This is my very first time trying to use Java script, and i need a little help to get it going.

here is what i have done up to now, but i cant seem to get it to work can somone tell me where i have gone wrong?

 $(document).ready(function(){
$(function remove() {

$("select#name").val();
        if (name == "United Kindom") {
                $("select.county").show();
                  }  else {
                $("select.county").hide(); });
});






<select name="ab" onchange="remove();">

Answer 1

Firstly, what you’re using is a mash-up of Javascript and jQuery(A Javascript Library). You must understand this. Just so you know the below is jQuery, and I’ll add the pure JS to the end of the post.
Try This:

$(document).ready(function(){
   $(".selectWrapper").on("change", "select#ab", function(){
      $("select.county").toggle($(this).val() != "United Kindom");
   });
});

<div class="selectWrapper">
   <select id="ab">

This is also assuming you have
<select class="country">
somewhere in your code.

//—Pure JS —-

   document.getElementById("ab").onchange = function(){
      var selects = document.getElementsByTagName("select"), countrySelect;
      for(var x in selects){
       countrySelect = (selects[x].className == "country")? select[x] : "";
      }
      countrySelect.style.display = (this.value == "United Kindom")? 'none' : 'block';
   };