如何在不使用selectmenu的情况下刷新JQuery中的下拉列表（＆＃39; refresh＆＃39;）？

Question

我想在从服务器获得响应后刷新下拉列表（选择）。我怎样才能做到这一点？ 我使用的是jquery.js（版本2.1.3）。这是我的HTML代码，

<div class="col-md-8">
    <Select id="dd" class="form-control">
        <option value="0"> List </option>
        {{#each listValue}}
            <option value="{{value}}"> {{text}}</option>
        {{/each}}
    </Select>
</div>

在上面的代码中，将从服务器获取listValue的值。因此，如果在服务器中更改了值，则需要刷新列表。 我从服务器获取更新列表。但是，我不知道如何更新下拉菜单。添加记录时，将更新服务器中的值。我想在添加记录时刷新下拉列表。

要添加记录，我的下拉列表旁边有一个按钮。单击此按钮时，将显示一个模态以输入值。一旦添加＆＃39;单击模态中的按钮，输入的值将添加到服务器中。成功添加记录后，我发送HTTP请求以获取更新的值。

这是在我的js文件中获取更新值的代码，

MyModule.responseList = function(res){
    var listValue = res.content;
    //What should I do here to refresh the dropdown with this listValue
}

listValue将是这样的，

listValue包含更新的值。现在，我只想用这个值更新下拉列表。 我在谷歌搜索了刷新jQuery中的下拉列表。几乎所有的解决方案都建议使用selectmenu（＆＃39; refresh＆＃39;）。

但我想在不使用selectmenu('refresh')的情况下刷新列表，因为我没有使用jquery-ui.js。 有没有办法做到这一点？