[英]Disable all the <select> items in JavaScript
我的JSP文件中有几个<select>
项,我想要禁用所有<select>
项。
这是我的JSP文件:
<select id="comboSuperGrupos1" name="combosSupG">
<option value="0">N...</option>
<!-- X OPTIONS -->
</select>
<select id="comboSuperGrupos2" name="combosSupG">
<option value="0">N...</option>
<!-- X OPTIONS -->
</select>
这是我正在尝试的:
var combosSuperGrupo = document.getElementsByName("combosSupG");
combosSuperGrupo.disabled = true;
但是我无法实现我的目标。 我正在考虑使用jQuery,但是我不知道是否可以将JavaScript与jQuery混合使用。
有关评论的任何问题帖子。
const combosSuperGrupo = document.getElementsByName("combosSupG"); combosSuperGrupo.forEach(_ => _.disabled = true);
<select id="comboSuperGrupos1" name="combosSupG"> <option value="0">N...</option> <!-- X OPTIONS --> </select> <select id="comboSuperGrupos2" name="combosSupG"> <option value="0">N...</option> <!-- X OPTIONS --> </select>
jQuery的:
$('select[name="combosSupG"]').attr('disabled',true);
JavaScript:
var selects = document.querySelectorAll("select[name='combosSupG']");
selects.forEach(function(s){
s.disabled = true;
});
这是禁用具有该名称的每个选择的方法:
$("select[name='combosSupG']").prop('disabled', true);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="comboSuperGrupos1" name="combosSupG"> <option value="0">N...</option> <!-- X OPTIONS --> </select> <select id="comboSuperGrupos2" name="combosSupG"> <option value="0">N...</option> <!-- X OPTIONS --> </select>
这是禁用页面中所有选择的方法:
$("select").prop('disabled', true);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="comboSuperGrupos1" name="combosSupG"> <option value="0">N...</option> <!-- X OPTIONS --> </select> <select id="comboSuperGrupos2" name="combosSupG"> <option value="0">N...</option> <!-- X OPTIONS --> </select>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.