ドロップダウンからカテゴリを選択する場合は、他のドロップダウンでそのサブカテゴリを使用しますか？

Question

この画像では、カテゴリを選択したいと思って、別のドロップダウンでサブカテゴリをします。カテゴリの値を選択すると、データベースからサブカテゴリをフェッチし、別のサブカテゴリにドロップダウンするAjaxを呼び出したいと思います。これを行う方法？

Answer 1

これは、クライアント側であるので、あなたはサーバーを介してデータベースからデータを取得する必要があります。詳細はthis linkをご覧ください。あなたのビューページで

Answer 2

[からのドロップダウンリストを取得する可能性のある重複をチャゲカテゴリ

$(document).on('change', '#cat_id', function() { 
     var cat_id = $(this).val(); 
     $.ajax({ 
     type: 'POST', 
     url: '<?php echo site_url('controller_name/subCatByCatId'); ?>', // here call your function where you want to send cat_id 
     data: {cat_id: cat_id}, 
     success: function (data) { 
      $('#sub_cat_id').html(data); 
     } 
     }); 
    }); 

のサブカテゴリーを変更したいされているAjaxの機能を呼び出して、ここにサーバー側の機能がある

function subCatByCatId() { 
    $cat_id = $_POST['cat_id']; 
    $query = $this->db->query("select * from sub_category where cat_id=$cat_id")->result();//here replace your query 
    $returnVal = '<option value = "">Select one</option>'; 
    if (!empty($query)) { 
     foreach ($query as $row) { 
      $returnVal .= '<option value = "' . $row->sub_cat_id . '">' . $row->sub_cat_name . '</option>'; 
     } 
    } 
    echo $returnVal; 
    }