Javascript 将数据保存到数据库后使文本字段变灰/禁用（ajax/php）

我有以下代码：

<input type="text" value="name" id="name" />
<input type="button" id="button" value="Click Me" /></p>

<script>
    $( "#button" ).click(function() {
        var text = $("#name").val();
        $.ajax({
            url: 'page.php',
            type: "POST",
            data: {
                text: text
            },
            success: function(response) {
                alert("inserted");
            }
        });
    });
</script>

$（“#按钮”）。单击（函数（）{
var text=$（“#name”）.val（）；
$.ajax({
url:'page.php'，
类型：“POST”，
数据：{
文本：文本
},
成功：功能（响应）{
警告（“插入”）；
}
});
});

---

现在一切正常，但点击按钮后，我会弹出消息（警报），说数据已插入。相反，我想灰显文本字段-可能吗？

您可以使用

prop（）

禁用文本输入。在大多数浏览器中，这也会使其变灰。试试这个：

success: function(response) {
    $('#name').prop('disabled', true);
}

---

在

ajax

successcallback之后尝试这种方法

    $("#name").attr('readonly', 'true'); // mark it as read only
    $("#name").css('background-color' , '#DEDEDE'); // change the background color

---

您是否尝试将

disabled

属性添加到成功回调的输入中？下次请尝试用谷歌搜索此属性。“jquery禁用输入”会给出相同的答案

    $("#name").attr('readonly', 'true'); // mark it as read only
    $("#name").css('background-color' , '#DEDEDE'); // change the background color