jquery - 我无法使用 jQuery 向“选择”元素添加新选项

Question

我有 MVC 应用程序，并且有一个带有 JavaScript 代码的视图。我从服务中获取数据并返回 Json 字符串（不是对象）。这是控制器代码：

public JsonResult GetDataTableAsJson()
{
    return Json(MobileServiceClient.GetAllCashdesks(), JsonRequestBehavior.AllowGet);
}

视图中的 JavaScript 代码：

$.ajax({

    ...

    html.push('<select id="options">');
    html.push('</select>');

    $.ajax({
        url: hostName + 'Search/GetDataTableAsJson',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        crossDomain: "true",
        async: false, 
        success: function (data1) {
            var dt = JSON.parse(data1);
            $.each(dt, function(key, value) {
                $('#options').append($("<option></option>").attr("value", value.CityName).text(value.CityName));

        ...

它会发生什么？列表是空的，但应该有项目。

当我在第二个 Ajax 调用中检查“选择”元素时：

var menu = document.getElementById("options");

菜单为空。

我做错了什么？