Как использовать событие Thymeleaf blur / onblur для вызова функции? - PullRequest
Новая
       11

Как использовать событие Thymeleaf blur / onblur для вызова функции?

0 голосов
/ 22 апреля 2020

Ниже мои HTML и Javascript. Я использую thymeleaf. Все, что я хочу, это выполнить операцию размытия для этого тега выбора, т.е. для размытия, оповещающего о значении, выбранном пользователем. 

$(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>

1 Ответ

1 голос
/ 22 апреля 2020

Это была опечатка в моем файле JS, и, как подсказал @Simon sir в первом комментарии, мой код начал работать. Ниже правильный код 

$(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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...