javascript语法：<div class =“＆lt; c：if＆gt;”

Question

=“”

我试图隐藏某个表格，当某个值来自选择页面中不同的下拉框。

我在jsp中定义了一个下拉框，如：

<div class="col-lg-4">
   <select id="gasGrade">
      <option value="0" label="unleaded"></option>
      <option value="1" label="premium"></option>
      <option value="2" label="super premium"></option>
   </select>
</div>

在页面上，每当用户从该框中选择选项值2（超级高级）时，我想要一些按钮消失。

我希望这张表格消失：

<div class="form-group col-lg-4 <c:if test="$('#gasGrade').val()=='2'"> hidden </c:if>" id="pay">
   <div class="col-lg-4">
      <input type="radio" name="pay" value="0">visa<br>
      <input type="radio" name="pay" value="1">amex<br>
      <input type="radio" name="pay" value="2">cash
   </div>
</div>

但是，div类中的这段代码无法正常工作：

<c:if test="$('#gasGrade').val()=='2'"> hidden </c:if>"

此外，我已经尝试了

<c:if test="${gasGrade} == '2'"> hidden </c:if>"

还有其他几种变体。使用同一页面上另一个输入字段的值来隐藏表单的正确语法是什么？