禁用所有 <select> JavaScript中的項目

Question

我的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混合使用。

有關評論的任何問題帖子。

Answer 1

 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> 

Answer 2

jQuery的：

$('select[name="combosSupG"]').attr('disabled',true);

JavaScript：

var selects = document.querySelectorAll("select[name='combosSupG']");
selects.forEach(function(s){
    s.disabled = true;
});

Answer 3

是的，您可以並且更容易編寫代碼：

這是禁用具有該名稱的每個選擇的方法：

 $("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>