javascript - 单击按钮后禁用文本区域

Question

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

我有这个 javascript 函数，但它不起作用，我将行 id 连接到文本区域 id，以便我可以定位特定的文本区域。我不确定哪里出了问题，请帮忙。

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;});”