下面是我的HTML和Javascript。我正在使用thymeleaf.All,我想在这个select标签上执行模糊操作,即模糊警告用户选择的值。
$(document).ready(function(){
alert("called");
  });
});
function addSubject(){
      var x = document.getElementById("sub").value;
      alert(x);
}<body>
    <div class="form-group" style="margin-top: 10px;">
       <label th:text="'Subject'"></label>
          <select class="form-control" id="sub" th:onblur="'addSubject()'">
          <option value="" th:disabled="disabled" th:selected="selected" th:text="'Select Subject'"></option>
                  <option th:text="'Add New Subject'" th:value="addSub"></option>
                  <option th:each="freesub : ${detailsofexams}"
                          th:text="${#strings.capitalize(freesub)}"
                          th:value="${#strings.toUpperCase(freesub)}">
                  </option>
                </select>
              </div>
<script
  th:src="@{${@mvcResourceUrlProvider.getForLookupPath('/admin/dist/js/freecontent.js')}}"></script>
</body>
发布于 2020-04-22 22:33:53
他们是我的JS文件中的拼写错误,正如@Simon先生在第一条评论中所建议的那样,在这样做之后,我的代码开始工作。下面是正确的代码
$(document).ready(function(){
alert("called");
  });
function addSubject(){
  alert("x");
}<div class="form-group" style="margin-top: 10px;">
            <label th:text="'Subject'"></label>
            <select class="form-control" id="sub" th:onblur="'addSubject()'">
              <option value="" th:disabled="disabled" th:selected="selected" th:text="'Select Subject'"></option>
              <option th:text="'Add New Subject'" th:value="addSub"></option>
              <option th:each="freesub : ${detailsofexams}"
                      th:text="${#strings.capitalize(freesub)}"
                      th:value="${#strings.toUpperCase(freesub)}">
              </option>
            </select>
          </div>
https://stackoverflow.com/questions/61363783
复制相似问题