重新填充html：选中复选框点击

Question

我有一个表单，其中html：select中显示的值取决于是否选中了复选框。如何在复选框点击时自动刷新选择？

<html:form>
     <html:checkbox property="directSale"/>
     <html:select>
          <c:if test="${form.directSale}">
             <option value="opt1">Opt1</option>
             <option value="opt2">Opt2</option>
          </c:if>
          <c:if test="${!form.directSale}">
             <option value="opt3">Opt3</option>
             <option value="opt4">Opt4</option>
          </c:if>
     <html:select/>
</html:form>