Question

之前我在选择下拉菜单项时请求帮助禁用Button。我得到了一些代码可以完成这个技巧，但现在我需要和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元素通过 name 访问，而不是通过“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;

如何使用JavaScript禁用TextBox？

4 个答案: