javascript - 将 Razor 代码分配给 JavaScript 变量时出现意外标记非法

Question

我正在使用 JavaScript 通过 ASP .NET MVC 的 Razor 语法动态地将行添加到表中。将文本框分配给变量工作正常但是，当我想分配下拉列表时，它会抛出一个错误 - “意外的非法 token ”。

   var expH = '@Html.DropDownList("TransDebit[{id}].Expenditure_Head",new SelectList(ViewBag.ExpCodes,"Expenditure_Code","Expenditure_Code"))';

转换为(从 chrome 控制台看到):

var expH = '<select id="TransDebit__id___Expenditure_Head" name="TransDebit[{id}].Expenditure_Head"><option value="313">313</option>
<option value="414">414</option>
</select>';

这正是我想要的，但为什么它会抛出错误？我看不出有什么问题。请帮忙。谢谢。编辑 1:屏幕截图

Answer 1

感谢Stephen ，我终于找到了解决方法。我所做的是仅为该变量创建一个隐藏的 div:

<div id="NewDebit" style="display:none">

 @Html.DropDownList("TransDebit[{id}].Expenditure_Head", new SelectList(ViewBag.ExpCodes, "Expenditure_Code", "Expenditure_Code"),"Select Expenditure Code")

</div>

以及我的java脚本代码:

var ExpH = document.getElementById("NewDebit").innerHTML;

这很好用，我认为错误可能是由于某些字符转义问题造成的。