Я показываю 2 раскрывающегося списка. код на HTML страницеРаскрывающийся список, не отображающий данные
<head>
<script>
$(document).ready(function(){
$('#cat').change(function(){
var catid = $('#cat').val();
if(catid != 0)
{
$.ajax({
type:'post',
url:'fetchsubcat.php',
data:{id:catid},
cache:false,
success: function(returndata){
$('#subcat').html(returndata);
}
});
}
})
})
</script>
</head>
<body>
<fieldset>
<label>Category</label>
<select name="catname" id="cat">
<option value="0">Please Select a category</option>
<?php
require 'connection.php';
$sql = "SELECT * FROM category";
$result = mysqli_query($con, $sql);
if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_assoc($result))
{
$catname=$row["catname"];
$catid=$row["id"];
?>
<option value="<? echo $catname.'-'.$catid;?>"><? echo $catname;?></option>
<?}
}?>
</select>
</fieldset>
<fieldset>
<label>Subcategory</label>
<select name="subcatname" id="subcat">
<option></option>
</select>
</fieldset>
</body>
код на fetchsubcat.php странице
<?php
require 'connection.php';
$sql = "SELECT * FROM subcategory where catid='".$_POST['id']."'";
$result = mysqli_query($con, $sql);
if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_assoc($result))
{
$subcatname=$row["subcatname"];
$subcatid=$row["id"];
?>
<option value="<? echo $subcatname.'-'.$subcatid;?>"><? echo $subcatname;?></option>
вид таблицы категории
id catname
вид подкатегорию таблицы
id catname catid subcatname
я хочу что, когда я выбираю категорию во втором раскрывающемся списке должны отображаться только те подкатегории, которые находятся под выбранной категорией, но проблема в том, что в подкатегории при выборе категории ничего не отображается. кто может мне помочь
любая ошибка в консоли браузера ..? – Sarath
Проверьте, что вы получаете массив категорий, и после этого ваш массив подкатегорий или нет? может быть проблема в вашем массиве подкатегорий. Либо он пуст, либо ваш запрос ajax обрабатывается неправильно. –
@Sarath без ошибок в консоли – kavi