如何使用 js 禁用选择标签 - Javascript

在某些情况下，我们可能需要禁用网页中的一些选择标签，如input、select等，来防止用户在某些场景下意外地修改它们。Javascript可以轻松实现这一目标。

禁用 input 标签

对于 input 标签，可以使用 disabled 属性来禁用它们。以下是一个例子：

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

这将会禁用id为myInput的input标签。要启用它，只需要把disabled属性设置为false即可。

禁用 select 标签

对于 select 标签，可以通过设置它的disabled属性来禁用它。以下是一个例子：

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

这将会禁用id为mySelect的select标签。要启用它，只需要把disabled属性设置为false即可。

禁用所有 input 和 select 标签

如果需要禁用所有的 input 和 select 标签，可以使用以下代码片段：

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
  inputs[i].disabled = true;
}

var selects = document.getElementsByTagName("select");
for (var i = 0; i < selects.length; i++) {
  selects[i].disabled = true;
}

以上代码将会禁用所有的 input 和 select 标签。要启用它们，只需要将属性设置为false即可。

总结：以上就是使用 Javascript 禁用选择标签的方法。无论是单个还是全部禁用，都非常简单。如果你需要在某些场景下禁用这些标签，可以使用这些方法来实现。