How do I disable TextBox using JavaScript

Question

earlier I asked for help disabling a Button when a drop down menu item was selected  I was given some code that did the trick but now I need the same with a Textbox and for some odd reason its not working can you have a look for me     HTML    lt form id  frmColor  gt       lt input type  TextBox  id  color    gt       lt input type  submit  value  Change Color  id  colorSubmit   gt    lt  form gt    Javascript     tools eraser   function          var tool   this      this started   false      var varPenColor    White       context strokeStyle   varPenColor      document getElementById  frmColor   colorSubmit disabled true      document getElementById  frmColor   color disabled true    Any ideas why it wont disable the text box   Thanks

User · Accepted Answer

Form elements can be accessed via the form's DOM element by name, not by "id" value. Give your form elements names if you want to access them like that, or else access them directly by "id" value:

document.getElementById("color").disabled = true;

edit — oh also, as pointed out by others, it's just "text", not "TextBox", for the "type" attribute.

You might want to invest a little time in reading some front-end development tutorials.

User · Answer

With the help of jquery it can be done as follows       color   prop  disabled   true

User · Answer

You can use disabled attribute to disable the textbox   document getElementById  color   disabled   true

User · Answer

Here was my solution   Markup    lt div id  name  disabled  disabled  gt    Javascript   document getElementById  name   disabled   true    This the best solution for my applications - hope this helps

[javascript] How do I disable TextBox using JavaScript?

Examples related to javascript

Examples related to html