HTML下拉框数据绑定与控制器交互-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44543292/article/details/91353856

本文介绍如何在HTML中实现下拉框的数据绑定，通过与控制器交互查询数据库，展示选择条件后的数据。示例代码展示了类型下拉框的数据绑定过程，包括HTML部分和控制器查询数据库的部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候条件查询会有下拉框选择条件，然后根据选择的条件查询数据。想要下拉框显示数据，就需要绑定下拉框数据。

HTML代码：

<label class="col-form-label mr-2" for="SRevenuePaymentsType">资金类型</label>
                    <select id="SRevenuePaymentsType" class="form-control form-control-sm mr-4 col-sm-3 col-md-2"></select>

关于下拉框数据的绑定的部分代码
//类型下拉框数据的绑定 createSelect("SRevenuePaymentsType","/LoanManagement/Capital/SelectRevenuePaymentsType
//这是控制器的路径");

在页面写完相关代码，再到控制器写代码：
查询数据库中资金类型表的数据

public ActionResult SelectRevenuePaymentsType()
        {

            var lists = (from tbRevenuePaymentsType in myEntities.B_RevenuePaymentsType
                         where tbRevenuePaymentsType.RevenuePaymentsTypeID > 3//查询ID大于3的数据
                         select new Select
                         {
                             id = tbRevenuePaymentsType.RevenuePaymentsTypeID,
                             text = tbRevenuePaymentsType.RevenuePaymentsTypeName
                         }).ToList();
            return Json(lists, JsonRequestBehavior.AllowGet);
        }

效果：
在这里插入图片描述