CODEWITHSUNDEEP
javascripthtml
Mark
Mark

Reputation: 315

How do I disable TextBox using JavaScript?

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:

<form id="frmColor">
    <input type='TextBox' id='color' />
    <input type='submit' value='Change Color' id="colorSubmit"/>
 </form>

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

Upvotes: 18

Views: 120663

Answers (4)

Abhijit
Abhijit

Reputation: 252

You can use disabled attribute to disable the textbox.

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

Upvotes: 0

vijay as vj
vijay as vj

Reputation: 69

With the help of jquery it can be done as follows.

$("#color").prop('disabled', true);

Upvotes: 5

Kickass
Kickass

Reputation: 1134

Here was my solution:

Markup:

<div id="name" disabled="disabled">

Javascript:

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

This the best solution for my applications - hope this helps!

Upvotes: 2

Pointy
Pointy

Reputation: 413717

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.

Upvotes: 38

Related Questions