如何在MVC剃刀视图中创建禁用的文本框

Question

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

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>