时间戳

首页 > 解决方案 > 在 c# mvc 中的 javaScript 中将 html 代码作为字符串传递

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

问题描述

在 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>';

标签： javascriptc#jqueryasp.net-mvc-4

解决方案

我认为它不起作用，因为您在引号内使用了 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>';

推荐阅读