Как показать подкатегории, принадлежащие к категории?

Question

Этого код как для категории и subcategory.In категории Я показываю все значение в раскрывающемся списке, но и для подкатегории я хочу, чтобы показать точные подкатегорий которые принадлежат к категории .please помогает мне

<div class="form-group"> 
    <label for="exampleInputEmail1">Category Name</label> 
    <select name="type" id="type"> 
     <option>Select Category</option> 
     <?php 
      $res= mysql_query("select * from ".CATEGORY." order by id asc"); 
      while($data=mysql_fetch_array($res)) 
      { 
     ?> 
     <option value="<?php echo $data['id'];?>"><?php echo $data['cat_name'];?></option> 
     <?php } ?> 
    </select> 
</div> 
<div class="form-group"> 
    <label for="exampleInputEmail1">Subcategory Name</label> 
    <select name="type1" id="type1"> 
     <option>Select Category</option> 
     <?php $res= mysql_query("select * from ".SUBCATEGORY." order by id asc"); 
     while($data=mysql_fetch_array($res)) 
     { 
     ?> 
     <option value="<?php echo $data['id'];?>"><?php echo $data['sub_name'];?></option> 
     <?php } ?> 
    </select> 
</div>        

Answer 1

В нем с помощью JQuery, когда выбрана категория будет принимать значение и от АЯКС стоимости размещена в файле ajax.php

<div class="form-group"> 
    <label for="exampleInputEmail1">Category Name</label> 
    <select name="type" id="type"> 
     <option>Select Category</option> 
     <?php 
      $res= mysql_query("select * from ".CATEGORY." order by id asc"); 
      while($data=mysql_fetch_array($res)) 
      { 
     ?> 
     <option value="<?php echo $data['id'];?>"><?php echo $data['cat_name'];?></option> 
     <?php } ?> 
    </select> 
</div> 
<div class="form-group"> 
    <label for="exampleInputEmail1">Subcategory Name</label> 
    <select name="type1" id="type1"> 


    </select> 
</div> 


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 

    $('#type').on("change",function() { 
     var categoryId = $(this).find('option:selected').val(); 
     $.ajax({ 
      url: "ajax.php", 
      type: "POST", 
      data: "categoryId="+categoryId, 
      success: function (response) { 
       console.log(response); 
       $("#type1").html(response); 
      }, 
     }); 
    }); 

}); 

</script> 

сделать имя файла PHP оно ajax.php в том же каталоге

и поместить этот код

<?php 
$categoryId = $_POST['categoryId']; 
echo "<option>Select Category</option>"; 
$res= mysql_query("select * from ".SUBCATEGORY." WHERE category_id = $categoryId order by id asc"); 
     while($data=mysql_fetch_array($res)) 
     { 
     echo "<option value='".$data['id']."'>."$data['sub_name']."</option>"; 
     } 
?> 

это будет работать

Answer 2

ваших запрос неправильно удалить quete из имени таблицы

$res= mysql_query("select * from ".CATEGORY." order by id asc"); 
$res= mysql_query("select * from ".SUBCATEGORY." order by id asc"); 

как этот

$res= mysql_query("select * from CATEGORY order by id asc"); 
$res= mysql_query("select * from SUBCATEGORY order by id asc"); 

и на мой взгляд, вы могли бы га чтобы добавить предложение where во втором запросе.

Answer 3

Вам необходимо выполнить запрос AJAX onCategoryClick или создать Java-код с массивами подкатегорий, которые относятся к категории, и переключаться между ними в js. https://stackoverflow.com/a/11238038/3711660 - о запросе AJAX

Answer 4

Попробуйте это может помочь вам ...

<?php 
if($_GET['id']) 
{ 
    $id=$_GET['id']; 
} 
?>       
<script> 
function newDoc(str) 
{ 
    window.location.assign("your_page_name.php?id="+str) 
} 
</script> 

<div class="form-group"> 
    <label for="exampleInputEmail1">Category Name</label> 
    <select name="type" id="type" onchange="newDoc(this.value)"> 
     <option>Select Category</option> 

     <?php 
     $res= mysql_query("select * from ".CATEGORY." order by id asc"); 

     while($data=mysql_fetch_array($res)) 
     { 
     ?> 
      <option value="<?php echo $data['id'];?>"><?php echo $data['cat_name'];?></option> 
     <?php 
     } 
     ?> 

    </select> 
</div> 
<div class="form-group"> 
    <label for="exampleInputEmail1">Subcategory Name</label> 
    <select name="type1" id="type1"> 
     <option>Select Category</option> 
     <?php 
     $res= mysql_query("select * from ".SUBCATEGORY." where SUB_ID='$id' order by id asc"); 
     while($data=mysql_fetch_array($res)) 
     { 
     ?> 
     <option value="<?php echo $data['id'];?>"><?php echo $data['sub_name'];?></option> 
     <?php 
     } 
     ?> 
    </select> 
</div>