Ben bir html form oluşturduk. o (ülkeler, şehirler, alanlar) için listede aşağı birkaç damla oluşur

ülkeler için listede aşağı açılan bu gibi görünüyor.

Select Countries : <select name="countries" id="countries" onchange="showStates()">
<?php
foreach($crud->getAll('countries') as $countries) 
{ 
?>
    <option value="<?php echo $countries['id']; ?>"><?php echo $countries['name']; ?></option>
<?php } ?>
</select>

ve devletler için listede aşağı açılan bu gibi görünüyor.

Select State : <select name="states">
<?php
foreach($property->getStatesFromCountryId($countryId) as $states) 
{ 
?>
    <option value="<?php echo $states['id']; ?>"><?php echo $states['name']; ?></option>
<?php } ?>
</select>

ülkeler aşağıya açılan liste veritabanındaki tüm ülkeleri alıp doldurmak olacaktır. ancak eyaletlerde bu ülkenin değeri dinamik geçirilecek parametre gerekiyor listesini açılır.

Bunun için ben aşağıdaki ulaşmak istiyorum

1) ülkelerinden gelen ülkenin kimliği bir javascript CountryID değişkene aşağıya açılan listesinde tutun. kodu bu var countryId = document.getElementById("countries").value; gibi görünmelidir

2) CountryID değişkeni foreach($property->getStatesFromCountryId($countryId) as $states) parametre geçirmek.

Bunu nasıl sağlıyorsunuz?