针对JSP下拉框select无法根据ID更改disable属性的问题

本文链接：https://blog.youkuaiyun.com/wq197433/article/details/51577220

在JSP开发中遇到一个棘手的问题，即在script中使用getElementById修改select元素的disable属性无效。原因可能是script代码位于select元素之前，导致设置被覆盖。确保script放在select元素之后，可以正确实现根据ID动态更改disable属性的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在JSP里有这么一段：

<s:select list="#{'A':'A队','B':'B队'}" disabled="true"
    name="queryTeam" id="queryTeam" emptyOption="false"
    cssClass="x-form-field-noborder" cssStyle="width:100%;"/>

注：s:select与select的差别忽略

有的在script代码段明明已经按照自己的逻辑进行了document.getElementById("queryTeam").disabled=false;
或者document.getElementById("queryTeam").disabled=false;
的设置，然而发现怎么设置都无效

这时，除了检查id书写问题等等，观看一下script的位置也是必要的，如果script在select前面，那么script的设置违背select给覆盖掉，这也是我试了半天document.getElementById（id）也没有成功的原因

<td width="15%" align="left">
    <s:select list="#{'A':'A队','B':'B队'}" disabled="true"
    name="queryTeam" id="queryTeam" emptyOption="false"
    cssClass="x-form-field-noborder" cssStyle="width:100%;"/>   
</td>

<script type="text/javascript">
    var showTeam=document.getElementById("showTeam").value;

    if(showTeam=="true"){
        document.getElementById("queryTeam").disabled=false;
    }else{
        document.getElementById("queryTeam").disabled=true;
    }