如何使用 ajax 在 Asp.net 中填充下拉列表

Posted 2023-05-08

【中文标题】如何使用 ajax 在 Asp.net 中填充下拉列表

【英文标题】：How to populate DropDown List in Asp.net using ajax

【发布时间】：2020-10-28 14:53:30

【问题描述】：

我需要在 asp.net 中填充我的下拉列表 - 我在我的网络服务中使用此方法

public List<object[]> GetList()

    db.Configuration.ProxyCreationEnabled = false;
    var List_ = (from p in pls.plsList() select new pls.Id , pls.Name).ToList();
    List.Add(new object[]
    
        List_
    );
    return List;
  

我有这个函数可以调用这个方法

$.ajax(
    url: "/p_test.asmx/GetList",
    type: "GET",
    dataType: "json",
    contentType: "application/Json; Charset= Utf-8",
    success: function (data) 
        var optionhtml1 = '<option value="' + 0 + '">' 
            + "New" + '</option>';
        $(".cs3").append(optionhtml1);

        $.each(data, function (i) 

            var optionhtml = '<option value="' +
                data[i].Value + '">' + data[i].Text + '</option>';
            $(".cs3").append(optionhtml);
        );
    ,
    error: function (response) 
        alert(response);
    
);

这是我的选择列表

<select id="cs3" name="cs3" class="cs3 form-control form-control-sm"></select>

我的问题是我的列表没有绑定一些帮助谢谢:)

【问题讨论】：

你需要在db.Configuration之前添加；列表 列表 = 新列表();和 List = List_

是的，我在方法之后在顶部做

如果您确定 ajax 调用工作正常并且响应包含数据，请尝试以这种方式更改 for each： $.each(data,function(key, value) $(" .cs3").append('' + value + ''); );

【参考方案1】：

你可以使用这样的方法，

public JsonResult GetList()
    
       List<object[]> List = new List<object[]>();
       db.Configuration.ProxyCreationEnabled = false;
       var List_ = (from p in pls.plsList() select new pls.Id , pls.Name).ToList();
       List = List_ 
       
       return Json(List,JsonRequestBehavior.AllowGet);
      

并检查 console.log(data)

【讨论】：

谢谢兄弟，我正在使用我的方法获取数据，问题是选择列表不绑定？？