启用 TextArea 以使用 JQuery 进行编辑

Question

我需要当我单击“Editar”按钮时它允许编辑文本区域。我尝试了下面的代码，但没有任何反应。我尝试了 prop、removeAttr、removeProp。全部都一样。没有什么变化。

@using (Html.BeginForm("SalvarJustificativa", "Riscos"))

{

    @Html.AntiForgeryToken()

    <input type="text" name="co_tratamento_risco" id="co_tratamento_risco" value="@item.co_tratamento_risco" hidden />

    <div class="modal-body">

        <div class="md-form">

            <label for="tx_justificativa " class="mb-4 triangulo">Digite sua justificativa:</label>

            @Html.TextArea("tx_justificativa", @item.tx_justificativa, new { @class = "md-textarea form-control", @id = "tx_justificativa", @maxlength = "500", @style = "min-width: 100%", @rows = "5", @readonly = "true" })

        </div>

    </div>

    <div class="modal-footer">

        <button id="btnEditarJust" type="button" class="btn btn-danger mt-4">Editar</button>

        <button id="btnSalvarJust" type="submit" class="btn btn-success mt-4" >Salvar</button>

    </div>

}

$(document).ready(function () {

    $("#btnEditarJust").click(function () {

        $("tx_justificativa").removeAttr("readonly");

    });

});

Answer 1

$("tx_justificativa")将尝试查找如下所示的 DOM 元素：<tx_justificativa>。您需要改为使用$("#tx_justificativa")，#通过 id 查找元素。