如何使用JavaScript禁用TextBox?

前端之家收集整理的这篇文章主要介绍了如何使用JavaScript禁用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;

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

谢谢

解决方法

表单元素可以通过表单的DOM元素按名称访问,而不是“id”值.给你的表单元素名称,如果你想访问它们,或者直接通过“id”值访问它们:
document.getElementById("color").disabled = true;

编辑 – 哦,正如其他人所指出的,它只是“文本”,而不是“文本框”,用于“类型”属性.

您可能希望投资一点时间阅读一些前端开发教程.

猜你在找的JavaScript相关文章