javascript - 在c# mvc中将html代码作为javaScript中的字符串传递

Question

在 HTML 页面中，我想在单击按钮后添加动态下拉列表。因此，在 onClick 上，我尝试向 HTML block 添加一个下拉列表，但要将下拉列表转换为字符串，我遇到了问题，所以任何人都可以提供帮助。下面我提供了下拉列表的代码，但我遇到了一个问题，在将其传递给 HTML 之前将其作为字符串。

 var dropDownTime='<div class="input-group">'+'@Html.DropDownList("Data", new List<SelectListItem>{
                                                                                new SelectListItem{ Text="Custom Range", Value ="Custom Range" },
                                                                                new SelectListItem{ Text="Last 30 minutes", Value ="Last 30 minutes" },
                                                                                new SelectListItem{ Text="Last 1 hour", Value ="Last 1 hour" }                                                                                    
            }, "Select Data", new { @ng_model = "fileterparameter", @id = "Data", @class = "form-control" })'+
            '<span class="input-group-btn">'+
                '<button class="btn btn-primary" type="button" id="filterlink"><i class="glyphicon glyphicon-filter"></i></button>'+
            '</span>'+
        '</div>';

Answer 1

我认为它不起作用，因为您在引号内使用了 HTML.Dropdownlist 。我们需要构建它的对象来获取下拉列表中的值。请尝试以下代码。

var dropDownTime='<div class="input-group">'+@Html.DropDownList("Data", new List<SelectListItem>{
                                                                            new SelectListItem{ Text="Custom Range", Value ="Custom Range" },
                                                                            new SelectListItem{ Text="Last 30 minutes", Value ="Last 30 minutes" },
                                                                            new SelectListItem{ Text="Last 1 hour", Value ="Last 1 hour" }                                                                                    
        }, "Select Data", new { @ng_model = "fileterparameter", @id = "Data", @class = "form-control" })+
        '<span class="input-group-btn">'+
            '<button class="btn btn-primary" type="button" id="filterlink"><i class="glyphicon glyphicon-filter"></i></button>'+
        '</span>'+
    '</div>';