使用jQuery在dropdownlist中添加和刷新数据

我想在下拉列表中添加数据，我可以添加数据并查看它，但为此我必须再次刷新页面，我想在jQuery中这样做而不刷新页面。

您可能会发现有用的jQuery方法。此外，使用模板引擎（如清理javascript代码并将其与标记分离）也是一种很好的做法

在html文件中

In countries.php

---

常见问题：你试过什么？请向我们展示您的尝试。请将您已经编写的代码添加到问题中。您尝试过此方法，但使用此方法分配给下拉列表中的值的Id不正确。

<script>
$(document).ready(function() {
$.post( "countries.php", function( data ) {
                            $("#countries").html(data);
                            //console.log(data);
                        });
});
</script>

    <?php
     include("config.php");

    $sql = "SELECT * FROM country";
    $result = mysql_query($sql) or die(mysql_error());
    $countryArr = array();
    $options = "<option value=''>--Select--</option>";
    while ($row = mysql_fetch_assoc($result)) {
        $options .= "<option value='".$row['country_id']."'>".$row['country_title']."</option>";
    }
    echo $options;
 ?>