如何使用JavaScript禁用TextBox？

Question

之前我在选择下拉菜单项时请求帮助禁用按钮。 我得到了一些代码来完成这个技巧，但是现在我需要和Textbox一样，并且由于一些奇怪的原因它不能正常工作你能不能找我...

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;

任何想法为什么它不会禁用文本框？

谢谢

Answer 1

表单元素可以通过表单的DOM元素按名称访问 ，而不是通过“id”值访问。 如果要像这样访问它们，请提供表单元素名称，或者直接通过“id”值访问它们：

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

编辑 - 哦，正如其他人所指出的，对于“type”属性，它只是“text”而不是“TextBox”。

您可能希望花一点时间阅读一些前端开发教程。

Answer 2

在jquery的帮助下，可以按如下方式完成。

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

Answer 3

这是我的解决方案：

标记：

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

使用Javascript：

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

这是我的应用程序的最佳解决方案 - 希望这有帮助！

Answer 4

您可以使用disabled属性来禁用文本框。

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