javascript - javascript中的html下拉列表助手

Question

我想将本地 javascript 变量设置为 html 帮助程序的输出。有关示例，请参见以下代码段：

<script type="text/javascript">
     $(function () {
              var dtypes = '@Html.DropDownList("TypeId",new SelectList(@ViewBag.MyTypes,"Value","Text"))';
      });
      alert(dtypes);
</script>

这不会给我警报。难道我做错了什么？谢谢你的帮助。

Answer 1

您应该将您的 html 编码为有效的 JavaScript 字符串：

<script type="text/javascript">
 $(function () {
          var dtypes = '@Ajax.JavaScriptStringEncode(Html.DropDownList("TypeId",new SelectList(@ViewBag.MyTypes,"Value","Text")))';
  });
  alert(dtypes);
</script>

Answer 2

您可以简单地在引号前的字符串中使用@Ajax.JavaScriptStringEncode("")和。\

您的代码将是：

var dtypes = '@Ajax.JavaScriptStringEncode("Html.DropDownList(\"TypeId\", 
   new SelectList(@ViewBag.MyTypes,\"Value\",\"Text\"))")';

Answer 3

使用 @Ajax.JavascriptStringEncode() 编码您的 html 助手；并且不要忘记使用 .ToString() 将 Html.DropDownList Helper 转换为字符串。

这是一个例子：

<script type="text/javascript">
    $(function () {
      var dtypes = '@Ajax.JavaScriptStringEncode(Html.DropDownList("TypeId",new SelectList(@ViewBag.MyTypes,"Value","Text")).ToString())';
     });
    alert(dtypes);
</script>