如何在javascript中设置文本框的只读属性

How to set readonly property of a textbox in javascript

本文关键字：置文本 只读属性 javascript      更新时间：2023-09-26

我有一个文本框，我需要将其属性设置为只读...如何设置？我试过了 

document.getElementbyid("txtbox").readonly=true;
document.getElementbyid("txtbox").disable=true;
document.getElementbyid("txtbox").setattribute("readonly","readonly");

所有这些都对我不起作用。禁用正在工作，但这是将控制值作为 null 传递给数据库...这对我来说又是一个问题。

您可以通过 javascript 将 ASP.NET 文本框设置为只读。方法如下：

<script type="text/javascript">
    function setReadOnly(){
        var textbox = document.getElementById("TextBox1");
        textbox.readOnly = "readonly";//readOnly is cese-sensitive
        }
<body onload=" setReadOnly ()">
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </form>
</body>

希望它能帮助你。

您对问题中的代码有很多问题。如果您正确设置了属性的名称，则第一个示例将起作用：

document.getElementById("txtbox").readOnly = true;

请注意大写字母（getElementById而不是getElementbyid和readOnly而不是readonly）。

这是上述工作示例。

至于你的第二次尝试，该物业是disabled，不是disable。而你的第三次尝试，方法是setAttribute，而不是setattribute.如您所见，JavaScript 区分大小写！

正确的方法是：

document.getElementById("txtbox").setAttribute("readonly", "true");

或者对于jQuery爱好者：

$("#txtbox").attr("readonly", true);

<script type="text/javascript">
function loading() {
    var input_text = document.getElementById("text");
    input_text.setAttribute("readOnly", true);
    }

对我有用...使用骆驼箱与属性...只读不是只读.....

相关文章：