下拉菜单不显示结果

Question

我的下拉菜单有问题。添加以下脚本后：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.min.css">

<script>
    $("#searchart").chosen();
    $("#searchcity").chosen();
    $("#searchstore").chosen();
    $("#searchwork").chosen();
    $("#searchava").chosen();
</script>

目前看起来是这样的：

每个字段的代码如下所示：

<?php
 include_once('connection.php');
 $result = mysqli_query($conn, "SELECT * FROM avaiable");
                        
echo"<select id='searchava'>";
echo"<option> -- Select Avaiable Type -- </option>";
while($row = mysqli_fetch_array($result)){
    echo "<option>$row[AvaiableName]</option>";
}
echo"</select>";
                        
mysqli_close($conn);
?>

我尝试了各种方法来修复菜单，但没有成功。我确定我在搞一些小事，但我没有看到。

检查物品后：