jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<form name="form1" id="formid">
   <input type="text" name="address">
   <input type="text" name="pincode">
   <input type="hidden" name="price" value="80">
   <select class="form-control" name="country" id="country">
     <option value="" disabled>Select Country</option>
     <option value="us">USA</option>
     <option value="canada">Canada</option>
		 <option value="brazil">Brazil</option>
   </select>
 </form>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}

JavaScript

$('#country').on('change', function() {
  var cid = $(this).val();
  if (cid.length) {
	const formData = $('#formid').serialize();
	debugger;
    $.ajax({
      type: "get",
      url: " {{url('/ava')}}/" + formData,
      success: function(res) {
        alert(res);
      }

    });
  }
});