function ajaxCall() {
this.send = function(data, url, method, success, type) {
type = type || 'json';
var successRes = function(data) {
success(data);
};
var errorRes = function(e) {
console.log(e);
alert("Error found \nError Code: " + e.status + " \nError Message: " + e.statusText);
};
$.ajax({
url: url,
type: method,
data: data,
success: successRes,
error: errorRes,
dataType: type,
timeout: 60000
});
}
}
function locationInfo(rootUrl) {
// TODO:: BASE URL
//var rootUrl = "https://healthxe.com/home/dropdownapi";
var call = new ajaxCall();
this.getCities = function(id) {
$(".cities option:gt(0)").remove();
var url = rootUrl + 'home/dropdownapi?type=getCities&stateId=' + id;
var method = "post";
var data = {};
$('.cities').find("option:eq(0)").html("Please wait..");
call.send(data, url, method, function(data) {
$('.cities').find("option:eq(0)").html("Select City");
if (data.tp == 1) {
$.each(data['result'], function(key, val) {
var option = $('<option />');
option.attr('value', key).text(val);
$('.cities').append(option);
$('.cities').trigger("chosen:updated");
});
$(".cities").prop("disabled", false);
} else {
alert(data.msg);
}
});
};
this.getStates = function(id) {
$(".states option:gt(0)").remove();
$(".cities option:gt(0)").remove();
var url = rootUrl + 'home/dropdownapi?type=getStates&countryId=' + id;
var method = "post";
var data = {};
$('.states').find("option:eq(0)").html("Please wait..");
call.send(data, url, method, function(data) {
$('.states').find("option:eq(0)").html("Select State");
if (data.tp == 1) {
$.each(data['result'], function(key, val) {
var option = $('<option />');
option.attr('value', key).text(val);
$('.states').append(option);
$('.states').trigger("chosen:updated");
});
$(".states").prop("disabled", false);
} else {
alert(data.msg);
}
});
};
this.getCountries = function() {
var url = rootUrl + 'home/dropdownapi?type=getCountries';
var method = "post";
var data = {};
$('.countries').find("option:eq(0)").html("Please wait..");
call.send(data, url, method, function(data) {
$('.countries').find("option:eq(0)").html("Select Country");
// console.log(data);
if (data.tp == 1) {
$.each(data['result'], function(key, val) {
var option = $('<option />');
option.attr('value', key).text(val);
$('.countries').append(option);
$('.countries').trigger("chosen:updated");
});
$(".countries").prop("disabled", false);
} else {
alert(data.msg);
}
});
};
}
To collect a group of elements, we pass the selector to the jQuery function using…
jQuery is a lightweight, "write less, do more", JavaScript library. The purpose of jQuery is…
HTML:- [crayon-68bdb6a51b2b1213513171/] CSS:- [crayon-68bdb6a51b2b9491807017/] JavaScript:- [crayon-68bdb6a51b2bc365140080/]
Prevent users typing special characters in text box, textarea, etc. [crayon-68bdb6a51b429475945904/] ^[a-zA-Z]+$ Alphabets ^[a-zA-Z\s]+$ Alphabets…
Any interactive web site has form input - a place where the users input different…
[crayon-68bdb6a51b6ef994507687/]