Javascript 如何将搜索框放入dropbox中？

我有一个问题，如何把搜索框内的dropbox，我已经有一个代码使用一些javascript，但它没有工作，你能帮我吗

这是我的密码

<script type="text/javascript">
                    $(document).ready(function() {
                    $(".js-example-basic-single").select2();
                    });
    </script>

$（文档）.ready（函数（）{
$（“.js示例基本单”）.select2（）；
});

以下是我的选择标记代码：

 <?php 
                    $sql = mysql_query("SELECT * FROM barangay");
                ?>
                <select class="js-example-basic-single" name="barangay_ID" style='width:160px;height:38px;border-radius:8px;border-color:#D7D7D7;margin-left:55px;' autofocus required>
                                <option disabled selected hidden>&larr; Please select &rarr;</option>
                            <?php
                            while ($row = mysql_fetch_array($sql)){
                                echo "<option value='".$row['barangay_ID']."'>".$row['barangay_name']."</option>";
                            }
                            echo "</select>";
                            ?>

&larr；请选择&rarr；

---

不知道为什么它不起作用，请帮助我

是否加载了jquery？你确定吗？您的控制台中有错误吗？你呈现的HTML是什么样子的（请是HTML，而不是它的图片）。最后，我们发现图书馆对这类事情非常有用。我知道了。。为什么它在chrome中不起作用？？？