Question

我的JSP文件中有一些＆lt; select＆gt;项，我想要的是禁用所有＆lt; select＆gt;项。这是我的JSP文件：＆lt; select id =＆＃34; comboSuperGrupos1＆＃34;名称=＆＃34; combosSupG＆＃34;＆GT; ＆lt; option value =＆＃34; 0＆＃34;＆gt; N ...＆lt; / option＆gt; ＆lt;！ - X OPTIONS - ＆gt; ＆LT; /选择＆GT; ＆lt; select id =＆＃34; comboSuperGrupos2＆＃34;名称=＆＃34; combosSupG＆＃34;＆GT; ＆lt; option value =＆＃34; 0＆＃34;＆gt; N ...＆lt; / option＆gt; ＆lt;！ - X OPTIONS - ＆gt; ＆LT; /选择＆GT; 这是我正在尝试的： var combosSuperGrupo = document.getElementsByName（＆＃34; combosSupG＆＃34;）; combosSuperGrupo.disabled = true; 但我无法实现自己的目标。我想用jQuery做到这一点，但我不知道我是否可以将JavaScript与jQuery混合使用。关于评论的任何问题发布。

Answer 1

＆＃13;

const combosSuperGrupo = document.getElementsByName("combosSupG");
combosSuperGrupo.forEach(_ => _.disabled = true);

＆＃13;

<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>

＆＃13;

Answer 2

jQuery：

JAVA_OPTS

JavaScript：

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

Answer 3

是的，您可以，而且编码更容易：

这是如何禁用具有该名称的每个选择：

＆＃13;

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

＆＃13;

<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>

＆＃13;

这是禁用页面中每个选择的方法：

＆＃13;

$("select").prop('disabled', true);

＆＃13;

<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>

＆＃13;

禁用JavaScript中的所有<select>项

3 个答案:

是的，您可以，而且编码更容易：