asp.net core mvc 项目搭建 四、下拉框的使用【干货教程】

四、下拉框的使用

Controller.cs 里面的核心代码--------------------------------------

 

      /// <summary>
        /// 获取下拉框格式数据
        /// </summary>
        /// <returns></returns>
        public async Task<JsonResult> GetDDL_List()
        {
            List<Users> list = await conObj.Users.ToListAsync();
            List<SelectListItem> listitem = new List<SelectListItem>();
            foreach (var dep in list)
            {
                listitem.Add(new SelectListItem
                {
                    Text = dep.userName.ToString(),
                    Value = dep.Users_ID.ToString()
                });
            }
            return Json(listitem);
        }

 

View 里面的核心代码--------------------------------------------------

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

 

JS代码--------------------------------------------------------------------

填充下来框数据到 select 控件中

            $(function () {
                $("#users").empty();
                $.getJSON("@Url.Action("GetDDL_List", "Users")",
                    function (data) { 
                    $.each(data, function (i, item) {
                    $("<option></option>").val(item["value"]).text(item["text"]).appendTo($("#users"));
                    })
                });
            });