在ASP Razor Pages中获取下拉列表选中值与文本的最优方案咨询

针对你需要在Ajax回发后后端同时获取下拉列表选中值与文本的需求，这里提供几个实用方案，比隐藏字段更可靠或更简洁：

方案1：后端根据选中ID重新查询文本（首选） #

这是最安全且无需修改前端代码的方案。因为你的下拉列表选项SPList本身来自后端数据源（数据库/服务），在Ajax对应的Action中，拿到WOHeader.SP_ID后，直接从数据源中查询对应的销售人文本即可。

示例代码（假设使用EF Core）：

[HttpPost]
public IActionResult SubmitWorkOrder(WorkOrderModel model)
{
    // 获取选中的销售人ID
    int selectedSpId = model.WOHeader.SP_ID;
    
    // 从数据库查询对应文本
    var salesPerson = _dbContext.SalesPersons
        .FirstOrDefault(sp => sp.Id == selectedSpId);
    string spText = salesPerson?.Name ?? string.Empty;
    
    // 后续业务逻辑处理...
    
    return Json(new { Success = true, SalesPersonName = spText });
}

优点：

• 避免前端篡改文本的风险，数据完全从可靠数据源获取
• 无需修改现有前端代码，仅需后端添加查询逻辑

方案2：缓存下拉列表选项，避免重复查询 #

如果担心频繁查询数据库影响性能，可以提前将SPList缓存到后端（比如内存缓存），在Action中直接从缓存中根据ID匹配文本：

示例代码：

// 提前将SPList存入缓存（比如在页面加载时或服务启动时）
_cache.Set("SPList", _dbContext.SalesPersons.Select(sp => new SelectListItem {
    Value = sp.Id.ToString(),
    Text = sp.Name
}).ToList());

// 在Ajax Action中使用缓存
[HttpPost]
public IActionResult SubmitWorkOrder(WorkOrderModel model)
{
    var spList = _cache.Get<IEnumerable<SelectListItem>>("SPList");
    string spText = spList?.FirstOrDefault(item => item.Value == model.WOHeader.SP_ID.ToString())?.Text ?? string.Empty;
    
    // 后续处理...
}

优点：减少数据库查询次数，提升性能；同样保证数据可靠性

方案3：前端Ajax提交时同时传递选中文本 #

如果业务场景允许前端传递文本（不担心篡改风险），可以在Ajax请求中主动获取选中文本并一起提交：

示例JavaScript代码（jQuery）：

// 获取选中值和文本
var spId = $("#WOHeader_SP_ID").val();
var spText = $("#WOHeader_SP_ID option:selected").text();

// 发起Ajax请求
$.ajax({
    url: "/WorkOrder/Submit",
    type: "POST",
    data: {
        WOHeader: {
            SP_ID: spId
        },
        SalesPersonName: spText // 新增传递文本的参数
    },
    success: function(res) {
        // 处理响应
    }
});

后端可以通过模型新增属性或直接接收参数：

public class WorkOrderModel
{
    public WOHeader WOHeader { get; set; }
    public string SalesPersonName { get; set; } // 新增属性接收文本
}

[HttpPost]
public IActionResult SubmitWorkOrder(WorkOrderModel model)
{
    string spText = model.SalesPersonName;
    // 后续处理...
}

注意：此方案存在前端篡改文本的风险，仅适用于对文本准确性要求不高的场景

内容的提问来源于stack exchange，提问作者Ryan Ong