首页 > 解决方案 > 使用 onclick 属性将值(字符串)形式的剃须刀模型传递给 JS

问题描述

这是我的html

@model MarketingPhoneBook.Models.Responses.ContactLogResponse
@{
    Layout = "";
}
<form method="post" id="idForm" action="/Home/CreateLog">
    <div class="form-group">
        @{
            var mystring = Html.Raw(Model.NewLog.CallLogText);
        }
        @Html.LabelFor(model => model.NewLog.CallLogText, htmlAttributes: new { @class = "control-label " })
        <div onclick="addDate('@mystring')">
            @Html.TextAreaFor(model => model.NewLog.CallLogText, new { @class = "", @style = "width: 100%; max-width: inherit;", @rows = "15", @onblur = "save()", @type = "submit" })
            @Html.ValidationMessageFor(model => model.NewLog.CallLogText, "", new { @class = "text-danger" })
        </div>
    </div>
    @Html.HiddenFor(model => model.NewLog.ContactId)

</form>

这是我的js函数

function addDate(text) {
    return text = new Date() + " " + text;
}

Model.NewLog.CallLogText 是字符串类型。Onclick 事件不会被触发

标签: javascriptc#razormodel-view-controller

解决方案


在传递给 JS 之前使用HttpUtility.JavaScriptStringEncode 方法对字符串进行编码:

@{
    var mystring = Html.Raw(HttpUtility.JavaScriptStringEncode(Model.NewLog.CallLogText));
}

推荐阅读