从javascript插入DropDownList助手

时间:2017-12-12 12:21:33

标签: javascript model-view-controller asp.net-core html-helper

这是我的代码

<a class="fa fa-plus fa-lg" onclick="addFilterItem()"></a>

...

<div id="someId"></div>

...

//in a script tag
function addFilterItem() {
    var container = $("#someId");
    var helper = '@Html.DropDownList("something", new SelectList(ViewBag.list), new { @class = "form-control" })';
    container.append("<div>" + helper + "</div>");
    ..
}

对我来说奇怪的是我首先使用TextBox进行测试

var helper = '@Html.TextBox("something")';

它有效。那么为什么它也不适用于DropDownList呢?还有什么替代方案?

... NEVERMIND,我知道。

1 个答案:

答案 0 :(得分:0)

显然,DropDownList帮助器在多行上返回一个字符串(我在浏览器中使用了View Source),使用''或“”只会给你一个错误(字符串未完成)。在查看了在javascript中在多行上编写字符串的方法后,我发现``。反叛。所以写这样就把它固定好了

var helper = `@Html.DropDownList("something", new SelectList(ViewBag.list), new { @class = "form-control" })`;