c# - 如何在 MVC razor View 中创建禁用的文本框

Question

我想创建在开始时将被禁用或不可见的文本区域。 有一个下拉列表，在选择最后一个选项时，即其他，它应该启用或使文本区域可见并获取值并在提交时传递给 Controller ​​。

Answer 1

使用

@Html.TextArea("Name", null, new { disabled="disabled" })

给你:

<div> 
        @Html.TextArea("Name", null, new { disabled="true" })
        @Html.DropDownList("switch", new List<SelectListItem>() { 
    new SelectListItem(){Text="Enable", Value="Enable"},
    new SelectListItem(){Text="Disable", Value="Disable", Selected=true},
   })
    </div>

    <script>

 $(function ($) {

        var dropDown = $("#switch");
        var txtName = $("#Name");

        dropDown.change(function () {
            if (dropDown.val() === "Disable")
            {
                txtName.attr("disabled", true);
            }
            else {
                txtName.removeAttr("disabled");
            }
        })


    })(jQuery)



    </script>