下拉列表绑定使用jquery

本文关键字：jquery 绑定下拉列表 | 更新日期: 2023-09-27 18:11:17

我希望这种类型的绑定在dropdownbox

-任何Bachelor's学位-
BCA
BCOM

-任意Master's度-
MCA
MBA

——每度——
PGCDA

下拉列表绑定使用jquery

您可以使用下面的方法实现，这只是您可以根据需要更改的示例

function OnSuccess(data) {       
        $('#ddlAccessLevelGroup').empty();
        var d = data;
        var dropdown = $('#ddlAccessLevelGroup');
        var GroupCode = "";
        var optGroup;
        for (var i = 0; i < d.length; i++) {
            if (d[i].GroupCode.toString() != GroupCode) {
                optGroup = $("<optgroup style='background-color:#94c0d2' />");
                optGroup.attr('label', d[i].GroupCode.toString());
            }
            GroupCode = d[i].GroupCode.toString();
            optGroup.append(
                    $('<option></option>').val(d[i].AccessLvlId.toString()).html(d[i].AccessLvlName.toString())
                );
            dropdown.append(optGroup);
        }    
    }

c#代码

public IQueryable<AccessLevel> TestGetAccessLevelData()
        {
            IQueryable<AccessLevel> AccessLevelGrp = null;
            IQueryable<AccessLevel> AccessLevel = from a in unitOfWork.ACCESS_LEVEL_RXRepository.Get()
                                                         select new AccessLevel
                                                    {
                                                        AccessLvlId = a.ACCESS_LVL_ID_RX,
                                                        AccessLvlName = a.ACCESS_LVL_NAME,
                                                        GroupCode = "Group A"
                                                    };
            IQueryable<AccessLevel> AccessLevel1 = from a in unitOfWork.ACCESS_LEVEL_RXRepository.Get()
                                                         select new AccessLevel
                                                         {
                                                             AccessLvlId = a.ACCESS_LVL_ID_RX,
                                                             AccessLvlName = a.ACCESS_LVL_NAME,
                                                             GroupCode = "Group B"
                                                         };                      
            var result = AccessLevel.Union(AccessLevel1);          
            return result.OrderBy(c=> c.GroupCode);
        }