javascript - 将文本框设置为只读在 Javascript 中不起作用

标签 javascript textbox readonly

我已尝试使用以下代码将文本框属性设置为只读,但它们都不起作用。谁能告诉我该怎么做?

document.getElementById("phone_numbers").disabled=true;
document.getElementById("phone_numbers").readonly=true;
document.getElementById("phone_numbers").readOnly=true;
document.getElementById("phone_numbers").readOnly=readOnly;
document.getElementById("phone_numbers").readOnly=readonly;
document.getElementById("phone_numbers").readonly=readonly;
document.getElementById("phone_numbers").readonly=readOnly;
document.getElementById("phone_numbers").setAttribute('readonly', 'readonly');
document.getElementById("phone_numbers").setAttribute("readonly", "true");

编辑
当我编辑问题以写出更多细节时,我意识到问题是什么。我犯了一个愚蠢的错误。这是我原来的 HTML 代码。

<input name="phone_numbers">

我把它改成了

<input id="phone_numbers">

它成功了!

顺便说一句,以下是实际运行的功能。

document.getElementById("phone_numbers").disabled=true;
document.getElementById("phone_numbers").readOnly=true;
document.getElementById("phone_numbers").setAttribute('readonly', 'readonly');
document.getElementById("phone_numbers").setAttribute("readonly", "true");

最佳答案

你的第三行对我有用: JSFiddle

HTML

<input id="phone_numbers" type="textbox"></input>

Javascript

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

关于javascript - 将文本框设置为只读在 Javascript 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19182455/

相关文章:

match - perl6 语法 Action : unable to make anything if not using $/

javascript - Puppeteer 框架请求

javascript - 显示随机 div onclick

javascript - 允许使用 Array.from 将数据结构转换为数组

c# - 如何在不淡化文本的情况下禁用文本框?

java - Jython 属性错误 : read-only attr

javascript - Express中间件中的高阶函数

c# - 使用foreach循环C#将数组的内容写入文本框

c# - 如何识别 WPF TextBox 中的 ValidationError ToolTip 位置

sql-server - 如何使用 T-SQL 检测 SQL Server 数据库的只读状态?