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

【问题标题】：Pass html code as a string in javaScript in c# mvc在 c# mvc 中的 javaScript 中将 html 代码作为字符串传递
【发布时间】：2018-10-26 01:13:16
【问题描述】：

在 HTML 页面中，我想在单击按钮后添加一个动态下拉列表。所以在 onClick 我试图将下拉列表添加到 HTML 块中，但是将下拉列表转换为字符串我遇到了问题，所以任何人都可以帮助解决这个问题。下面我提供了下拉代码，但我遇到了一个问题，在将其传递给 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>';

【问题讨论】：

为什么不从局部视图返回 Html 并将 HTML 附加到所需元素？
更好的方法是在隐藏容器中生成你想要的html，然后.clone()它并将副本添加到DOM

标签： javascript c# jquery asp.net-mvc-4

【解决方案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>';

【讨论】：

收到错误“Uncaught SyntaxError: Unexpected token