将文本框设置为只能在Javascript中工作

时间:2013-10-04 13:28:34

标签: javascript textbox readonly

我已尝试使用以下代码将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");

2 个答案:

答案 0 :(得分:3)

您的第三行适用于我: JSFiddle

<强> HTML

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

<强>的Javascript

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

答案 1 :(得分:0)

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