I am facing a problem with a JavaScript readonly field. I have a textboxes which I am making readonly.

 if(val == true)
{    
    ddlCnt.value=objRec.iCntId;
    tAdd1.value=objRec.sAddress1;        
    tAdd2.value=objRec.sAddress2;        
    tCity.value=objRec.sCity;
    tState.value=objRec.sState;
    tZip.value=objRec.sZip;

    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = true;
    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = true;
    tAdd1.setAttribute("readonly", true);
    tAdd2.setAttribute("readonly", true);
    tCity.setAttribute("readonly", true);
    tState.setAttribute("readonly", true);
    tZip.setAttribute("readonly", true);
}

It is working fine. Now to deactivate this readonly property I used

else
{    
    tAdd1.value = tAdd2.value = tCity.value = tState.value = tZip.value = "";        
    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = false;
    ddlCnt.value="-1";
    vsRec.innerHTML='';     
    tAdd1.setAttribute("readonly", false);
    tAdd2.setAttribute("readonly", false);
    tCity.setAttribute("readonly", false);
    tState.setAttribute("readonly", false);
    tZip.setAttribute("readonly", false);

    //vsRec.style.visibility='hidden';             
}

But it is not working at all. Can any one please help me out of this problem or any suggestion or tips that can help me a lot regarding this (and why this is not working?).

I am facing a problem with a JavaScript readonly field. I have a textboxes which I am making readonly.

 if(val == true)
{    
    ddlCnt.value=objRec.iCntId;
    tAdd1.value=objRec.sAddress1;        
    tAdd2.value=objRec.sAddress2;        
    tCity.value=objRec.sCity;
    tState.value=objRec.sState;
    tZip.value=objRec.sZip;

    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = true;
    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = true;
    tAdd1.setAttribute("readonly", true);
    tAdd2.setAttribute("readonly", true);
    tCity.setAttribute("readonly", true);
    tState.setAttribute("readonly", true);
    tZip.setAttribute("readonly", true);
}

It is working fine. Now to deactivate this readonly property I used

else
{    
    tAdd1.value = tAdd2.value = tCity.value = tState.value = tZip.value = "";        
    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = false;
    ddlCnt.value="-1";
    vsRec.innerHTML='';     
    tAdd1.setAttribute("readonly", false);
    tAdd2.setAttribute("readonly", false);
    tCity.setAttribute("readonly", false);
    tState.setAttribute("readonly", false);
    tZip.setAttribute("readonly", false);

    //vsRec.style.visibility='hidden';             
}

But it is not working at all. Can any one please help me out of this problem or any suggestion or tips that can help me a lot regarding this (and why this is not working?).

• javascript

Share Follow edited Jan 10, 2023 at 17:45 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked May 20, 2011 at 6:39 Arindam RudraArindam Rudra 62422 gold badges99 silver badges2424 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 7

You need to remove the attribute with removeAttribute.

tAdd1.removeAttribute("readonly");
tAdd2.removeAttribute("readonly");
tCity.removeAttribute("readonly");
tState.removeAttribute("readonly");
tZip.removeAttribute("readonly");

You need to remove the readonly attribute, e.g.:

tAdd1.removeAttribute("readonly");

readonly is not a true/false attribute, it's a present/not-present attribute. You need to remove the attribute, not set it to false.

The presence of the readonly attribute causes the input box to bee read-only, not setting it to true or false. Remove the attributes.