Get select inside form validation

xxxxxxxxxx
 
<form class="needs-validation container" novalidate>
  <div class="form-row">
    <div class="mb-3 md-form">
      <select
              id="select"
              class="mdb-select md-form"
              searchable="Search here.."
              required
              >
        <option value="" disabled selected>Choose your country</option>
        <option value="1">USA</option>
        <option value="2">Germany</option>
        <option value="3">France</option>
        <option value="3">Poland</option>
        <option value="3">Japan</option>
      </select>
      <label id="select-label" class="mdb-main-label">Label example</label>
      <div class="invalid-feedback">Please select a country.</div>
    </div>
  </div>
  <div class="form-row">
    <div class="mb-3 md-form">
      <select
              id="select2"
              class="mdb-select md-form"
              searchable="Search here.."
              required
              >
        <option value="" disabled selected>Choose your country</option>
        <option value="1">USA</option>
        <option value="2">Germany</option>
        <option value="3">France</option>
        <option value="3">Poland</option>
        <option value="3">Japan</option>
      </select>
      <label id="select-label2" class="mdb-main-label">Label example</label>
      <div class="invalid-feedback">Please select a country.</div>
    </div>
  </div>
  <div class="form-row mb-4">
    <div class="form-check pl-0">
      <input
             class="form-check-input"
             type="checkbox"
             value=""
             id="invalidCheck29"
             required
             />
      <label class="form-check-label" for="invalidCheck29"
             >Agree to terms and conditions</label
        >
      <div class="invalid-feedback">You shall not pass!</div>
    </div>
  </div>
  <button class="btn btn-primary btn-sm btn-rounded" type="submit">
    Submit form
  </button>
</form>

​

xxxxxxxxxx
 
(function () {
  "use strict";
  window.addEventListener(
    "load",
    function () {
      // Fetch all the forms we want to apply custom Bootstrap validation styles to
      var forms = document.getElementsByClassName("needs-validation");
      // console.log(forms)
      // Loop over them and prevent submission
      var validation = Array.prototype.filter.call(
        forms,
        function (form) {
          form.addEventListener(
            "submit",
            function (event) {
              const select = $("#select");
              console.log(select.val());
​
              const select2 = $('#select2');
              console.log(select2.val());
​
              const label = $('#select-label');
              const label2 = $('#select-label2');
​
              console.log(label.text(), label2.text())
              if (form.checkValidity() === false) {
                event.preventDefault();
                event.stopPropagation();
              }
              form.classList.add("was-validated");
            },
            false
          );
        }
      );
    },
    false
  );
})();
​
$(document).ready(function () {
  $(".mdb-select").materialSelect();
  $(".mdb-select.select-wrapper .select-dropdown")
    .val("")
    .removeAttr("readonly")
    .attr("placeholder", "Choose your country ")
    .prop("required", true)
    .addClass("form-control")
    .css("background-color", "#fff");
});

Console errors: 0