c# - Partial view MVC中基于动态下拉列表选择动态改变表数据

Question

一个下拉列表由休息服务响应生成，不确定会有多少选项。现在需要更改基于下拉选择表的数据。我正在开发一个 MVC Web 应用程序，它调用 rest 服务来拉下拉列表和另一个 rest 服务来使用基于用户选择的部分视图填充 html 表中的数据。我正在尝试的是在 ASCX 页面中

 <div class="divRightColumnSection">
            <br/> <%Response.Write(Model.DisplayData());%>           
 </div>

在 java 脚本中

$(document).on('change', '#MMC', function () {
var indexSelected = $("#MMC").prop('selectedIndex');
//var valueSelected = this.value;
$.ajax({
    url: "/your-equip-add/address/" + indexSelected + "/",
    type: "POST",
    cache: "false",
    dataType: "json",
    data: '{value: "' + $("#indexSelected").val() + '" }',
});

});

C# 控制器

public void GetSelected(string value)
        {
            YourModel model = new YourModel ();
            BaseModel bModel = new BaseModel();
            model.indexSelected = Int32.Parse(value);
            bModel.DisplayData();      
        }

C# basemodel DropDown 是列表，它是下拉列表数据

for(int i=0;i<DropDown.Count;i++)
            {
                SDropDown.Add(new SForDropDown()
                { Md = Ged(DropDown[i].EModel),
                Don=PSis(DropDown[i].Eac),
                Peed= Pion(DropDown[i].Eac)});          
            }

C# HTML 我正在尝试的是

 toReturn = " <style>table { width:90%;} table, th, td { border: 1px solid black; border-collapse: collapse;}th, td {padding: 3px;text-align: left;font-weight: bold;}}</style><h2>MMC result </h2><table>" +
                   "<tr><td colspan=3  height=40>" +
                   "<Select id=\"MMC\" name=\"MMC\" >";
                foreach (DropDownModel Item in objectUnite.DropDown)
                {
                    toReturn += "<option value=\"" + Item.EModel+"|"+Item.EMac + "\"";
                    if (index == 0)
                        toReturn += " selected=\"true\"";
                    toReturn += ">" + Item.EModel+"|"+ Item.EpMac + "</option>";

                    index++;
                }

                toReturn += "</Select></td></tr>" +
                    "<tr><td>MD</td><td>" + objectUnite.MD + "</td></tr>" +                      
                    "<tr><td>PEED</td><td>" + objectUnite.PEED + "</td></tr>" +                       
                    "<tr><td></td><td>DON</td><td>" + objectUnite.DON + "</td></tr>" +
                    "</table>";

我在 HTML 中显示的数据需要根据下拉索引选择进行更改。请有任何建议

标签： c#.netmodel-view-controllerpartial-views