dependent dropdown not working on edit data

hello i have data like dependent dropdown when i click to 'alert_level' then fetch automatically location field data but in edit on data its does not work

supppose i have 2 field alert level and location when i click to alert level data then display location dropdown automatically in same edit time alert level data selected and also location dropdown data selected so how to do it

here is my code for add data ajax call this code is only add data so how can i check for edit mode

$(document).on('change','.alert-select-class',function(){
		var eid = $(this).attr('id');
		var splitData = eid.split("-");
		console.log(splitData);
		let alertLevel = $(this).val();
		if(alertLevel != 'client')
		{
			$.ajax({
				type:'POST',
				data:{'_token':'{{csrf_token()}}','alertLevel': alertLevel,'clientId':'{{$client->id}}'},
				url:"{{route('findclientsalescenter')}}",
				success:function(response){
					$("#location-"+splitData[1]).empty();
					$.each(response.data, function(key,value){
						$("#location-"+splitData[1]).append('<option value='+ value.id +'>'+ value.name +'</option>').trigger('change');
						$("#location-"+splitData[1]).multiSelect('refresh'); // init the select	for Email Single Dropdown
					});
				}
			});
		}
		else
		{
			$("#location-"+splitData[1]).empty();
			$("#location-"+splitData[1]).append('<option value="{{$client->id}}"> {{$client->name}} </option>').prop("selected","selected").trigger('change');
			$("#location-"+splitData[1]).multiSelect('refresh'); // init the select	for Email Single Dropdown
			//code to print client name suing {{$client->name}} in select dropdown
		}
	});