Javascript 为某个选项的某个值禁用表单上的“提交”按钮

我创建了一个JSP，我有以下表单：

    <form action="Cinema" method="get">
    <select name="IdRoom" id="selectBox">
        <option disabled="disabled" selected> Choose a Cinema </option>         
        <c:forEach items="${listCinema}" var="singleCinema">
            <option value="${singleCinema.idSingleCinema}">${singleCinema.localName}</option>
        </c:forEach>
    </select>
    <input id="buttonSubmit" type="submit" value="Submit" />
</form>

选择电影院
${singleCinema.localName}

作为第一行（在for之前），我添加了如下值：

<option disabled="disabled" selected> Choose a Cinema </option> 

选择电影院

上传页面时，如果我尝试单击按钮功能，它将调用我的服务（不应该），但在打开下拉列表后，我的下拉列表的第一个值被正确禁用。

---

当仅为下拉列表的第一个值上载页面时，我需要禁用此选项的按钮Submit（不适用于其他值）

向

选择
并向Submit按钮添加一个
onchange
侦听器，如下所示：

<select name="IdRoom" id="selectBox" onchange="this.form.buttonSubmit.disabled=this.options[this.selectedIndex].value=='your-first-value'">

<input id="buttonSubmit" type="submit" value="Submit" disabled="disabled">



每当下拉列表的值更改时，将触发
onchange
。在这种情况下，无论何时选择值，它都会检查所选值是否等于第一个值。如果是这种情况，提交按钮的
disabled
属性将设置为true，否则将设置为false

希望能有帮助
 
$（文档）.ready（函数（）{
$（“选择”）。在（'change'，function（）上{
if（$（this）.find（'option:selected'）.text（）=“选择电影院”）
$（“#按钮提交”）.attr（'disabled'，true）；
其他的
$（“#按钮提交”）.attr（'disabled'，false）；
});
});

选择电影院
${singleCinema.localName}
Hi Varun，它功能完美。我有一个问题：这段代码是什么意思：value=='your-first-value'我之所以提出这个问题，是因为我不是前端开发人员，而是后端开发人员。@lirioliro我已经添加了对代码的简要解释。