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

Question

我试过以下代码将文本框属性设置为只读，但都不工作。谁能告诉我该怎么做？

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"); 

Answer 1

你的三线工作对我来说：JSFiddle

HTML

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

的Javascript

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

Answer 2

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