¿Cómo desactivo TextBox usando JavaScript?

Question

anterior Le pedí ayuda para desactivar un botón cuando se seleccionó un elemento del menú desplegable. Me dieron un código que hizo el truco pero ahora necesito lo mismo con un cuadro de texto y por alguna extraña razón no su trabajo se puede echar un vistazo para mí ...

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; 

Cualquier idea por qué no lo puedo deshabilitar el cuadro de texto?

Gracias

Answer 1

elementos de formularios pueden ser accedidos a través de elemento DOM del formulario por nombre, no por el valor de "id". Dé a sus nombres de elementos de formulario si desea acceder a ellos de esa manera, o bien acceder a ellos directamente por el valor "id":

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

edición — oh también, como se ha señalado por otros, es sólo "texto" , no "TextBox", para el atributo "tipo".

Es posible que desee invertir un poco de tiempo en la lectura de algunos tutoriales de desarrollo de front-end.

Answer 2

Con la ayuda de jQuery se puede hacer de la siguiente manera.

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

Answer 3

Aquí fue mi solución:

de marcado:

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

Javascript:

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

Esta es la mejor solución para mis aplicaciones - espero que esto ayude!

Answer 4

Usted puede utilizar el atributo desactivado para desactivar el cuadro de texto.

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