Я пытаюсь получить значения из базы данных в раскрывающийся список с помощью jquery. Но ничего не отображается в выпадающем списке.
здесь код
getlist.php
<?php
$conn =mysqli_connect("localhost", "root", "", "project");
$sql = "SELECT * FROM catd";
$result = mysqli_query($conn, $sql);
$scat_arr = array();
while( $row = mysqli_fetch_array($result) )
{
$catid = $row['cid'];
$catname = $row['catname'];
$scat_arr[] = array("cid" => $catid, "catname" => $catname);
}
echo json_encode($scat_arr);
?>
catdet.php
Здесь я хочу получить значение.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<form method="post" enctype="multipart/form-data" align="center">
Subategory Name : <input type="text" name="scname"><br><br>
Category Name : <select id="catn"> </select><br><br>
Subategory description : <input type="text" name="scdes"><br><br>
<input type="file" name="scimg" id="file"><br><br>
<input type="submit" name="submit" value="Submit">
</form>
<script>
$(document).ready(function(){
$.getJSON("getlist.php", function(return_data){
$.each(return_data.data, function(key,value){
$("#catn").append("<option value=" + value.cid +">"+value.catname+"</option>");
});
});
});
</script>