[英]Disable all the <select> items in JavaScript
I have a few <select>
s items in my JSP file, what I want is to disable all the <select>
s items. 我的JSP文件中有几个<select>
项,我想要禁用所有<select>
项。
This is my JSP file: 这是我的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>
This is what I'm trying: 这是我正在尝试的:
var combosSuperGrupo = document.getElementsByName("combosSupG");
combosSuperGrupo.disabled = true;
But I can't achieve my goal. 但是我无法实现我的目标。 I'm thinking to do that with jQuery, but I don't know if I can mix JavaScript with jQuery. 我正在考虑使用jQuery,但是我不知道是否可以将JavaScript与jQuery混合使用。
Any question post on comments. 有关评论的任何问题帖子。
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 : jQuery的:
$('select[name="combosSupG"]').attr('disabled',true);
JavaScript : JavaScript:
var selects = document.querySelectorAll("select[name='combosSupG']");
selects.forEach(function(s){
s.disabled = true;
});
This is how to disable every select with that name: 这是禁用具有该名称的每个选择的方法:
$("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>
This is how to disable every select in the page: 这是禁用页面中所有选择的方法:
$("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.