php - 選択メニューから別の選択メニューにデータを渡す AJAX Codeigniter

Question

私はこれを行うのに苦労しています.codeigniter phpフレームワークを使用しています.基本的に3つの選択メニューがあり、その値は次のようなデータベースからのものです:

<?php

$this->data[selOne] = $this->model->selectOne();      //the id of this one must send
$this->data[selTwo] = $this->model->selectTwo();     //<-to here and the id of 2nd select 
$this->data[selThree] = $this->model->selectThree(); //must send to here <-

$this->load->view->('controller/index.php', $this->data);
?>

私からしてみれば

 <select>
    <?php foreach($selOne as $one){?>
    <option><?php echo $one->label;?></option>
    <?php }?>
 </select>

 <select>
    <?php foreach($selTwo as $one){?>
    <option><?php echo $one->label;?></option>
    <?php }?>
 </select>

 <select>
    <?php foreach($selThree as $one){?>
    <option><?php echo $one->label;?></option>
    <?php }?>
 </select>

私が達成したいのは、
* 最初の選択メニューを選択すると、ページを更新せずにその値が 2 番目のメニューに渡されます。
* 2 番目の選択メニューと同様に、その値を 3 番目の選択メニューに渡します。

例えば

最初の選択メニューで「アジア」を選択します

2 番目の選択メニューは値 Asia を取得するため、アジアの国が表示されます。また、その国のいずれかをクリックします

3番目の選択は、2番目の選択メニューで選択された国の都市を返します

ページを更新せずにその値を渡す方法を知る必要があっただけです。

誰かがこれを達成するのを手伝ってくれませんか。