在表中使用Jquery使textarea成为只读_Jquery

在表中使用Jquery使textarea成为只读

jquery

在表中使用Jquery使textarea成为只读,jquery,Jquery,我有一个表格，其中文本在一列，文本区域在第二列。我希望所有的输入框都是只读的，除了第一个。当响应者在第一个框中输入某个值时，它旁边的框将变为可编辑框，依此类推。基本上我想按顺序回答。下面是我的HTML，但不确定如何使用jquery实现。请就代码提出建议 <html> <head> </head> <body> <table> <tr>

我有一个表格，其中文本在一列，文本区域在第二列。我希望所有的输入框都是只读的，除了第一个。当响应者在第一个框中输入某个值时，它旁边的框将变为可编辑框，依此类推。基本上我想按顺序回答。下面是我的HTML，但不确定如何使用jquery实现。请就代码提出建议

<html>
    <head>

    </head>
    <body>
        <table>
            <tr>
                <td>
                    Reason 1
                </td>
                <td>
                    <input type="textarea">
                </td>
            </tr>
            <tr>
                <td>
                    Reason 2
                </td>
                <td>
                    <input type="textarea">
                </td>
            </tr>
            <tr>
                <td>
                    Reason 3
                </td>
                <td>
                    <input type="textarea">
                </td>
            </tr>
        </table>
    </body>
</html>


理由1
理由2
理由3

首先，

textarea

标记是错误的。它应该是

。因此，请将代码更改为：

<table>
    <tr>
        <td>
            Reason 1
        </td>
        <td>
            <textarea></textarea>
        </td>
    </tr>
    <tr>
        <td>
            Reason 2
        </td>
        <td>
            <textarea></textarea>
        </td>
    </tr>
    <tr>
        <td>
            Reason 3
        </td>
        <td>
            <textarea></textarea>
        </td>
    </tr>
</table>

提琴手：你试过什么了吗？？？@Tyagi我一直在想如何让第一次输入保持可编辑状态，其余的保持只读状态。一旦我到达那里，也许我可以继续。谢谢Praveen，我们也可以将jquery的前两行合并成一行，比如：$（“textarea:not（first）”）.prop（'disabled'，true）；是的，@Vaibhav可能！：）检查：它不是

：不是（第一个）

，而是

：不是（：第一个）

<代码>：）非常感谢：）@Praveen KumarWelcome@Vaibhav<代码>：）

$(document).ready(function(){
    $("textarea").prop("disabled", true);
    $("textarea:first").prop("disabled", false);
    $("textarea").blur(function(){
       if ($(this).val().length >  0)
           $(this).closest("tr").next("tr").find("textarea").prop("disabled", false);
    });
});