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

Setting textbox to readonly not working in Javascript

本文关键字：Javascript 不起作用 只读 文本 设置      更新时间：2023-09-26

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

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>

爪哇语

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

如果textbox是服务器端，则使用document.getElementById("<%= phone_numbers.ClientId %>")访问它。

相关文章：