Заполнение выпадающего списка в зависимости от значения другого выпадающего списка [дублировать]

На этот вопрос уже есть ответ здесь:

У меня есть форма PHP, где раскрывающийся список заполняется значениями из таблицы базы данных.

$options_demande['orderBy'] = array('id_produit' => 'ASC');
    $options_demande['items'] = array('produit');
    $data['id_produit'] = $this->produit_model->getListCombo('*',null,$options_demande,'Sélectionner un produit');
$options_demande['orderBy'] = array('id_abonnement' => 'ASC');
    $options_demande['items'] = array('abonnement');
    $data['id_abonnement'] = $this->abonnement_model->getListCombo('*',null,$options_demande,'Sélectionner un abonnement');

Метод getListCombo :

public function getListCombo($select = '*', $conditions = array(), $optional = null, $first_line = null)
{
    $dropdown = array();
    if ($select != null)
        $this->db->select($select)->from($this->table);

      if (isset($conditions['where']))
        $this->db->where($conditions['where']);

      if (isset($conditions['where_in']))
        $this->db->where_in($conditions['where_in']);

      if (isset($conditions['where_or']))
        $this->db->or_where($conditions['where_or']);

      if (isset($conditions['like']))
        $this->db->like($conditions['like']);

      if (isset($conditions['like_or']))
        $this->db->or_like($conditions['like_or']);

    if (isset($optional['orderBy']))
        foreach($optional['orderBy'] as $order => $val)
            $this->db->order_by($order,$val);

    $rs = $this->db->get()->result_array();

    if (isset($first_line))
    {
        if (is_array($first_line))
            $dropdown[$first_line['k']] = $first_line['v'];
        else
            $dropdown[''] = $first_line;
    }
    foreach($rs as $item){
        $liste = null;
        foreach($optional['items'] as $item_liste){
            $liste .= $item[$item_liste]." ";
            $dropdown[$item['id_' . $this->table]] = $liste;
        }
    }     

    return $dropdown;
} 

Дело в том, что я хочу, чтобы другой выпадающий список был заполнен конкретными значениями другой таблицы.

Код моего выпадающего списка :

<div class="form-group">
              <label class="col-md-2 control-label" for="id_produit"><?php echo lang('produit'); ?><span class="required"> * </span></label>   
              <div class="col-md-4">
                 <?php echo form_dropdown('id_produit', $id_produit, null,'class="form-control" required="required"')?>
              </div>
           </div>
<div class="form-group">
              <label class="col-md-2 control-label" for="id_abonnement"><?php echo lang('abonnement'); ?><span class="required"> * </span></label>   
              <div class="col-md-4">
                 <?php echo form_dropdown('id_abonnement', $id_abonnement, null,'class="form-control" required="required"')?>
              </div>
           </div>

Я думаю, что мне нужно использовать javascript, но я не знаю, как это сделать.

На данный момент другой заполнен всеми значениями другой таблицы, но я хотел бы, например, что для определенного значения первого выпадающего списка другой заполнен значениями другой таблицы, где «type_abonnement» = 1. Или 2 для другого значения.

Мои выпадающие списки

Отображение значений, где Type_abonnement = 0, например

1 ответ