Question

我有一个模态，我显示多个textareas，我想要的是禁用已提交的特定文本区域

我有这个javascript函数，但它无法正常工作，我将行id转换为textarea id，以便我可以定位特定的textarea。我不确定我哪里出错了，请帮忙。

function approveStatus(status){
       var nid = status;
       var note = 'APPROVE';
       var app = document.getElementById("approvenote");

       app.addEventListener("click", function(){document.getElementById("note-"+status).disabled = true;});

       $.ajax({
        type: "POST",
        url: "mod.note.php?n=add",
        data: "note="+note+"&nid="+nid
      });


     }

HTML

<textarea class="from-control" rows="4" cols="50" id="note-<?php echo $row1['objID']; ?>" 
                             name="note"></textarea>
                            <button type="button" class="btn-xs btn-warning"
                            onclick="makeStatus(<?php echo $row1['objID']; ?>)" id="submitnote" name="submitnote">Submit Note
                            </button>
                            </form>
                            <button type="button" class="btn-xs btn-info" 
                            onclick="approveStatus(<?php echo $row1['objID']; ?>)" id="approvenote" name="approvenote" >APPROVE</button>

PHP

$app = isset($_GET['n'])?$_GET['n']:'';
if($app=='add'){

        $remarks = $_POST['note'];
        $note_id = $_POST['nid'];

        $auth_user->lessonRemarks($remarks,$note_id);
        header("Location: admin.php");

}else{
    header("Location: admin.php");
}

php函数

public function lessonRemarks($remarks,$note_id){
        $stmt = $this->conn->prepare("UPDATE `objectives`   
            SET `status` = :remarks
            WHERE `objID` = :note_id");

        $stmt->bindparam(":remarks",$remarks);
        $stmt->bindparam(":note_id",$note_id);
        $stmt->execute();

        return $stmt;
    }

Answer 1

您正在使用onclick以及为相同的ID添加事件侦听器。所以使用“document.getElementById（”note - “+ status）.disabled = true;”而不是“app.addEventListener（”click“，function（）{document.getElementById（”note - “+ status）.disabled = true;}）;”

Answer 2

为了简化它，您需要使用jQuery的.prop()函数，如下所示：

＆＃13;

$('button').click(function(){
  $('#textarea').prop('disabled', true);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="textarea"></textarea>
<button>Disable</button>

＆＃13;

Answer 3

你的代码：

app.addEventListener("click", function(){
    document.getElementById("note-"+status).readOnly = true; 
});

单击按钮后禁用文本区域

3 个答案: