Как установить пустое или нулевое значение не работает при изменении Jquery

Question

Я хочу, чтобы значение во входном тексте было нулевым после процесса скрытия

Это мой взгляд:

<div class="form-group row">
  <label for="status" class="col-sm-4 col-form-label col-form-label-sm">Status Karyawan</label>
  <div class="col-sm-8">
    <select id="status" name="status" class="form-control form-control-sm" required>
        <option value="" selected>Pilih Status Karyawan</option>
        <option value="Kontrak">Kontrak</option>
        <option value="Tetap">Tetap</option>
    </select>
  </div>
</div>
<div class="form-group row" id="tgl_pengangkatan" style="display:none">
  <label for="tgl_pengangkatan" class="col-sm-4 col-form-label col-form-label-sm">Tgl. Pengangkatan</label>
  <div class="col-sm-8 input-group">
    <input name="tgl_pengangkatan" type="text" class="form-control datepicker form-control-sm" id="tgl_pengangkatan" placeholder="yyyy-mm-dd" value="">
  </div>
</div>
<div class="form-group row" id="tgl_berakhir_kontrak"  style="display:none">
  <label for="tgl_berakhir_kontrak" class="col-sm-4 col-form-label col-form-label-sm">Tgl. Akhir Kontrak</label>
  <div class="col-sm-8 input-group">
    <input name="tgl_berakhir_kontrak" type="text" class="form-control datepicker form-control-sm" id="tgl_berakhir_kontrak" placeholder="yyyy-mm-dd" value="">
  </div>
</div>

И чем, это мой сценарий:

<script>
$(function () {
    $("#status").change(function() {
    var val = $(this).val();
    if(val === "Kontrak") {
        $("#tgl_berakhir_kontrak").show();
        $("#tgl_pengangkatan").hide();
        $("#tgl_pengangkatan").val('');
    }
    else if (val === "Tetap") {
        $("#tgl_pengangkatan").show();
        $("#tgl_berakhir_kontrak").hide();
        $("#tgl_berakhir_kontrak").val('');
    }
    });
});

Я хочу сделать так, чтобы минимизировать ошибки в процессе ввода, спасибо.

Answer 1

Элемент, который вы пытаетесь изменить, должен вызываться с его именем, а не с идентификатором. Попробуйте изменить его следующим образом:

$('[name="tgl_berakhir_kontrak"]').val('');

Кстати, не рекомендуется назначать идентичные имена и идентификаторы отдельным элементам на одной странице.