我无法运行 jquery 选择更改事件

Question

我有一个模组。我在此模式中有 2 个选择。当用户选择时，我将其打印到文本区域。我的模态是部分的。但是在 jquery 方面，选择更改不起作用，我该怎么办？你能帮帮我吗？

$('#duzenlekisitselect').change(function() {
  console.log($("#kisitduzenle").val())
  var bosluk = " ";
  var deger = $("#kisitduzenle").val();
  $("#kisitduzenle").val(deger + bosluk + this.value);
});

$('#duzenlesahaselect').change(function() {
  var bosluk = " ";
  var deger = $("#kisitduzenle").val();
  $("#kisitduzenle").val(deger + bosluk + this.value);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="mb-3">
  <label class="form-label" for="duzenlesahaselect">Saha</label>
  <br />
  <select style="width:100% !important" class="js-data-example-ajax form-select" id="duzenlesahaselect">
    <option value="">Lütfen Saha Seçin</option>
    <option value="AND StokKodu">STOK KODU</option>
    <option value="AND StokAdi">STOK ADI</option>
  </select>
</div>
<div class="mb-3">
  <label class="form-label" for="duzenlekisitselect">Kısıt</label>
  <br />
  <select id="duzenlekisitselect" style="width:100% !important" class="js-data-example-ajax form-select">
    <option value="">Kısıt Seçin</option>
    <option value="IN ()">Göster</option>
    <option value="NOT IN ()">Gösterme</option>
  </select>
</div>
</div>
<!--end col-->

<div class="col-md-6">
  <div class="mb-3">
    <label class="form-label">Kısıt Girin<span class="text-danger">*</span></label>
    <textarea id="kisitduzenle" rows="4" placeholder="Lütfen Kısıt Giriniz" required type="text" class="form-control">@Model.Kisit</textarea>
  </div>
</div>
<!--end col-->
<div class="col-lg-12 text-end">
  <button type="submit" onclick="KisitDuzenleKaydet(@Model.ID)" class="btn btn-primary">Kaydet</button>
</div>
<!--end col-->
</div>

我在更改事件中放了一个警报，没有一个打开。所以更改事件不起作用