jquery - MVC 文本框的 @placeholder 或 placeholder 属性未被 jquery 更改

Question

当我尝试更改 input 元素的 placeholder 属性时，它已成功完成。如果我将其更改为 MVC 中的 textboxfor 或 textareafor 元素，即使我使用 @placeholder 或仅使用 placeholder ，它也是如此不工作。这是我使用的 block

 <div class="form-group">
      <input type="email" class="form-control" name="mail" value="" placeholder="Email"/>
 </div>

此属性随此函数而变化。

$(document).ready(function () {
        $("#change").click(function () {
            debugger;
            $.ajax({
                url: '@Url.Action("ChangeCulture", "Home")',
                data: { cultureCode: $('#change').text() },
                type: "GET",
                dataType: "json",
                success: function (data) {
                    debugger;          
                    $("#person").attr("placeholder", data.Name);
                    $("#mail").attr("placeholder", data.Email);
                    $("#subject").attr("placeholder", data.Matter);
                    $("#message").attr("placeholder", data.Detail);
                },   
            });   
        });
    });

问题就在这里。此函数不会更改 textboxfor placeholder 属性。

<div class="form-group">
     @Html.TextBoxFor(m => m.Email, new { @class = "form-control", placeholder = "Email" })
     @Html.ValidationMessageFor(m => m.Email, "", new { @class = "error" })
 </div>

jQuery 版本为 3.1.1，MVC 版本为 5.2.3

Answer 1

鉴于您没有为元素指定 id 属性，它将采用所提供模型的属性名称，因此您需要使用 $('#Email ')，而不是 jQuery 代码中的 $('#mail')。

或者，您可以在 TextBoxFor 选项中提供 id:

@Html.TextBoxFor(m => m.Email, new { @id = "mail", @class = "form-control", placeholder = "Email" })