Как отключить TextBox с помощью JavaScript?

ранее я попросил помочь отключить кнопку, когда был выбран пункт выпадающего меню. Мне был предоставлен какой-то код, который сделал трюк, но теперь мне нужно то же самое с текстовым полем, и по какой-то нечетной причине его не работает, можете ли вы меня завести...

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;

Любые идеи, почему это не отключит текстовое поле?

Спасибо

Ответ 1

Элементы формы могут быть доступны через элемент DOM формы по имени, а не по значению "id". Укажите имена элементов формы, если вы хотите получить к ним доступ так же, как и доступ к ним напрямую с помощью значения "id":

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

edit — oh также, как указано другими, это просто "текст", а не "TextBox", для атрибута "type".

Возможно, вы захотите немного потратить время на чтение руководств по разработке интерфейсов.

Ответ 2

С помощью jquery это можно сделать следующим образом.

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

Ответ 3

Вот мое решение:

Разметка:

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

JavaScript:

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

Это лучшее решение для моих приложений - надеюсь, что это поможет!

Ответ 4

Вы можете использовать отключенный атрибут для отключения текстового поля.

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